ECMAScript6的使用心得

       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 入门》,我这里也是抛砖引玉说了一点我最近学到的新特性,在以后有什么新的体会就在更新吧


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值