1. 程式人生 > >項目中使用的ECMAScript6語法總結

項目中使用的ECMAScript6語法總結

pro 總結 function script post 函數 過程 名稱 subst

1、對象的寫法
es5中對象: {add:add,substrict:substrict}
es6中對象: {add,substrict} 註意這種寫法的屬性名稱和值變量是同一個名稱才可以簡寫,否則要想es5那樣的寫法,例如: {addFun:add}

2、在對象中的方法的寫法
es5中對象: {add:function(){},substrict:function(){}}
es6中對象: {add(){},substrict(){}}

3、對象的導出寫法
es5兩種形式:
1、module.exports = fucntion (){};
2、exprots.add = fucntion (){};

es6中寫法:
1、export default{
add(){}
}
2、export fucntion add(){} 相當於 將add方法當做一個屬性掛在到exports對象


4、對象的導入
es5: var add = require(‘./calc.js‘);
es6:
如果導出的是:export default{ add(){}}
那麽可以通過 import obj from ‘./calc.js‘

如果導出的是:
export fucntion add(){}
export fucntion substrict(){}
export const PI=3.14

那麽可以通過按需加載 import {add,substrict,PI} from ‘./calc.js‘

5、es6中的箭頭函數的寫法
箭頭的演變過程:
//需求:利用函數實現倒序排列
[2,1,3].sort(function(x,y){return y - x;});

//用箭頭函數實現 =>讀 goes to
[2,1,3].sort((x,y)=>{return y - x;});
[2,1,3].sort((x,y)=> {x++;y++; y - x;});
[2,1,3].forEach(x=> {console.log(x)});

項目中使用的ECMAScript6語法總結