ECMAScript6的使用心得

本文介绍了ECMAScript6(简称ES6)的一些新特性,包括使用class声明类、let和const定义变量的作用域改进,以及箭头函数等语法糖带来的代码简化效果。通过对比旧的写法,展示了ES6如何提高代码的可读性和维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值