ES6中非常实用的新特性介绍.pdf

ECMAScript 6 离我们越来越近了，作为它最重要的方言， Javascript 也即将迎来语法上 的重大变革， InfoQ 特开设 “深入浅出 ES6 ”专栏， 来看一下 ES6 将给我们带来哪些新内容。 写在前面 ES6 已经提交给 Ecma 大会审查了，也就是说，我们将迎来一大波 javascript 的最新 标准，还有一些语法糖。 ES6 中有很多值得我们关注的东西，下面是我发现的一些我们最 常用的一些新特性，进行记录一下。 1. for-of 循环 这个东西用来循环数组很爽，原因呢，是因为它弥补了目前 es5 中循环数组的一切缺 陷。 比如 for-in ，它会遍历数组对象的附加属性， 而不仅仅是遍历数组值。 还有一点是， for-in 中的索引是 string 类型的 ,这一点尤其重要。 var arrObj=[alexchen,1,{}]; arrObj._name=attr-AlexChen; for(var i in arrObj){ console.log(arrObj[i]) // 会把 _name 属性也遍历出来 console.log(typeof(i)) // 全部输出 string } 当然我们还有 forEach() 函数，它也有问题，比如你不能在里面 break return 之类的： var arrObj = [alexchen,boy,great]; arrObj.forEach(function (v) { if (v == boy) { return can not return; } console.log(v) // 会输出 alexchen great }) 这样看起来要比 for-in 简便很多。但就像上面说的一样，它有也有不足的地方。那么 我们来试试 for-of 吧： var arrObj = [alexchen,1,{}]; arrObj._name = attr-alexchen; for (var i of arrObj) { console.log(i);// 这里只会输出 ,alexchen,1,object{}, 不会输出 attr-alexchen console.log(typeof(i))// 这里会输出 string,number,object if (i == 1) { break; } console.log(i)// 只会输出 alexchen，满足条件之后就不在继续循环，提高了效率并且可 以自由控制跳出循环或继续循环 } 可以看到： 当使用 for-of 的时候，循环的是数组内部的元素且不会出现 for-in 中将附加属性也遍 历的情况，其次，循环变量的类型和其在数组中的类型保持一致，而不是全部是 string 的 情况。 就这两点就值得我们选择 for-of 而不是 forEach() 或 for-in 当然，现在还有些浏览器 不支持。不过以上代码可以在最新版本的 FireFox 执行成功并得到预期结果。 当然 for-of 并 不是只在数组上使用，你可以用在任何类数组类型的对象上，比如 DOM NodeList ， 字符 串 等