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 入门》,我这里也是抛砖引玉说了一点我最近学到的新特性,在以后有什么新的体会就在更新吧
阅读全文
0 0
- ECMAScript6的使用心得
- ECMAScript6标准Promise的使用
- ECMAScript6标准Class的使用
- ECMAScript6中Generator和yield的使用
- ECMAScript6标准Set和Map的使用
- ECMAScript6标准Symbol类型的使用
- 【ECMAScript6标准入门】1.let的使用
- 【ECMAScript6标准入门】2.const的使用
- ECMAScript6标准SIMD使用
- ECMAScript6语法使用
- ECMAScript6的let命令
- ECMAScript6数值的扩展
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- ECMAScript6
- 13. Roman to Integer
- view 画出一个形状,并在里面添加内容+文本居中
- Java 使用Jedis操作Redis
- 自定义View-仿小米运动 连接效果
- Java内存模型之happens-before
- ECMAScript6的使用心得
- 机房——彻底明白机房中模块的代码的逻辑与含义
- python学习笔记(一)
- MySQL必知必会_基础查询
- Strut2对ActionSupport的封装
- Linux系统编程下的套接字socket编程函数
- JavaWeb网站建立安全链接
- mvp okhttp
- Makefile函数