ECMAScript6的使用心得

来源:互联网 发布:中世纪盔甲 知乎 编辑:程序博客网 时间:2024/05/17 03:57

       ECMAScript6是比较新的JavaScript的标准,现在大部分浏览器也都可以兼容它的写法,在我看来它让JS这个弱类型语言有了像Java这种的“类”的概念,可以直接使用class进行初始化类,代码编写方式基本和java没有什么区别~还有就是let和const的使用,让JS有了区块作用域的概念,这样可以减少很多由全局变量导致的问题的发生~最后就是一些语法糖,例如箭头函数=>可以让一些格式化的代码更短,让程序员把精力集中在逻辑的部分(也可以说是一种函数式编程的思想),下面列举一些我最近用的ES6语法:

原来的写法:

        svg.addEventListener('click', function(e) {//do something        });
ES6箭头函数=>简洁了很多

        this.polygon.addEventListener('click',e=>{//do something        });
原来遍历的写法:

for(let i = 0; i < this.circle.length; i++){    this.circle[i].setAttribute('opacity',0);}
使用Array.map函数遍历

this.circle.map(    v=>v.setAttribute('opacity',0));

之前写变量一var到底,使用ES6可以用let存放区块变量,const存放常量

let selected = null;const CREATE_POLYGON = 0;

有木有觉得ES6的语法明了简洁了很多呢~大家想学习ES6的新特性可以参考阮一峰老师的《ECMAScript 6 入门》,我这里也是抛砖引玉说了一点我最近学到的新特性,在以后有什么新的体会就在更新吧


原创粉丝点击