JavaScript 箭头函数


Arrow函数是用于编写JavaScript函数表达式的新ES6语法。较短的语法节省了时间，并简化了函数范围。

什么是箭头函数？

箭头函数表达式是使用“胖箭头”标记（ => ）编写函数表达式的更简洁的语法。

基本语法

以下是箭头函数的基本示例：

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

 // ES6 arrow function
 var multiply = (x, y) => { return x * y; };

 // Or even simpler
 var multiply = (x, y) => x * y;

您不再需要function和return关键字，甚至是大括号。

简化了this

在箭头函数之前，新函数定义了它们自己的this值。要在传统的函数表达式中使用this ，我们必须编写一个类似的解决方法：

// ES5 syntax
 function Person() {
  // we assign `this` to `self` so we can use it later
  var self = this;
  self.age = 0;

  setInterval(function growUp() {
    // `self` refers to the expected object
    self.age++;
  }, 1000);
 }

箭头函数没有定义它自己的this值，它继承了this从封闭函数：

// ES6 syntax
 function Person(){
  this.age = 0;

  setInterval(() => {
    // `this` now refers to the Person object, brilliant!
    this.age++;
  }, 1000);
 }

 var p = new Person();

更多JavaScript教程

学习更多JavaScript教程