总结项目中es6常用写法

项目中es6语法总结

一、对象的写法

es5: { add:add, substrict:substrict }

es6: { add, substrict }这种写法只有在属性名称和值变量是同一个名称才可以简写。

二、在对象中的方法的写法

es5: { add:function(){}, substrict:function(){} }

es6: { add(){}, substrict(){} }

三、对象的导出写法

es5两种形式：

1、module.exports = function(){};

2 、export.add = function(){};

es6中写法：

1、export default{ add(){} }

2、export function add() {}相当于将add方法当作一个属性挂载到export对象

四、对象的导入

es5: var add = require('./clac.js');

es6: 

如果导出的是export default { add(){} } 那么可以通过 import obj from './calc.js'

如果导出的是：

export function add(){}

export function substrict(){}

export const PI=3.14

那么可以通过按需加载 import {add,substrict,PI} from './calc.js'

五、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)});