项目中使用的ECMAScript6语法总结

Posted qiaokeli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了项目中使用的ECMAScript6语法总结相关的知识,希望对你有一定的参考价值。

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语法总结的主要内容,如果未能解决你的问题,请参考以下文章

针对于ECMA5Script ECMAScript6TypeScript的认识

ECMAScript6 初步认识

ES6 基本语法

ECMAScript6入门学习--第一天

如何将 typescript npm 模块导入语法转换为 ECMA2015 模块导入语法

js版本规范的表示:ES6 == ES 6 == ECMAScript 6 == ECMA-262 6