分享一些 es6 的小技巧

Posted by Turingdo Studio on May 7, 2018

es6小技巧

for infor of的区别

遍历数组通常使用for循环,ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。 但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数

Array.prototype.method=function(){
  console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组"
for (var index in myArray) {
  console.log(myArray[index]);
}

使用for in 也可以遍历数组,但是会存在以下问题:

  1. index索引为字符串型数字,不能直接进行几何运算
  2. 遍历顺序有可能不是按照实际数组的内部顺序
  3. 使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性

所以for in更适合遍历对象,不要使用for in遍历数组

那么除了使用for循环,如何更简单的正确的遍历数组达到我们的期望呢(即不遍历method和name),ES6中的for of更胜一筹.

Array.prototype.method=function(){
  console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组";
for (var value of myArray) {
  console.log(value);
}

记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。 for of遍历的只是数组内的元素,而不包括数组的原型属性method和索引name

for in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话, 可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性

for (var key in myObject) {
  if(myObject.hasOwnProperty(key)){
    console.log(key);
  }
}

同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组,不包括原型方法和属性。

Object.prototype.method=function(){
  console.log(this);
}
var myObject={
  a:1,
  b:2,
  c:3
}
Object.keys(myObject).forEach(function(key,index){
console.log(key,myObject[key])
})

JavaScript 中如何获取当前的时间戳?有 3 种方法

// 方法
Date.now()

// 对象方法
new Date().getTime()

// 对象和操作符
+new Date()

Google 发布的 JavaScript 风格指南

  1. 源文件 UTF-8 编码
  2. 使用空格符而不是 Tab
  3. 语句末尾加分号
  4. 不要再用 var 改为 let 和 const
  5. 推荐箭头函数
  6. 使用模板字符串
  7. 优先使用 for… of 做遍历
  8. 不要使用 eval
  9. 常量使用大写英文和下划线
  10. 不要在同一行申明多个变量
  11. 使用单引号而不是双引号

js一些坑

Change my mind 1

Change my mind 2