【JavaScript】ES6

ES6

• ECMAScript 6是JavaScript的第二个主要修订版
• ECMAScript 6也称为ES6或ECMAScript 2015

新特性

1. let和const关键字

• let用于声明变量，const用于声明常量

  let x = 3
  x = 4
  console.log(x) // 4

  const num = 0
  num = 1 // !error: Assignment to constant variable.(常量变量赋值报错)

• 均会在JavaScript中提供块作用域

  var x = 10
  {
    let x = 2
  }
  console.log(x) // 10
  
  var y = 10
  {
    const y = 2
  }
  console.log(y) // 10

2. 箭头函数(Arrow Functions)

  // ES5
  var x = function(x, y) {
    return x * y
  }

  // ES6
  const x = (x, y) => x * y

• 箭头函数没有自己的this值，它所使用的this来自于函数作用域链

  // ES6
  this.nums.forEach(v => {
    if (v % 5 === 0)
        this.fives.push(v)
  })

  // ES5-方式一
  var self = this
  this.nums.forEach(function (v) {
    if (v % 5 === 0)
        self.fives.push(v)
  })

  // ES5-方式二
  this.nums.forEach(function (v) {
    if (v % 5 === 0)
        this.fives.push(v)
  }, this)

  // ES5-方式三
  this.nums.forEach(function (v) {
    if (v % 5 === 0)
        this.fives.push(v)
  }).bind(this)

3. For/of循环

  var arr = ['a', 'b', 'c'];
  arr.fourth = 'd';
  for (var i in arr) {
    console.log(i); // '0', '1', '2', 'fourth'
  }

  for (var i of arr) {
    console.log(i); // 'a', 'b', 'c'
  }

4. class关键字

5. Promise

I Promise a Result!!!

Promise对象支持两个属性：state和result

• 当Promise对象处于pending状态时，结果是undefined。
• 当Promise对象处于fulfilled状态时，结果是一个值。
• 当Promise对象处于rejected状态时，结果是一个error对象。

  // Example
  let myPromise = new Promise(function(resolve, reject) {
    setTimeout(function() {
      resolve('hello world!')
    }, 3000)
  })

  myPromise.then(function(val) {
    alert(val)
  })

持续更新中。。。。