ES6的箭头函数和类语法

箭头函数

箭头函数是ES6中新增的一种函数定义方式，它可以更方便地处理this指向的问题。

箭头函数的定义

箭头函数使用箭头符号（=>）定义，左侧是参数列表，右侧是函数体。例如：

const myFunc = (arg1, arg2) => {
  console.log(arg1, arg2);
};

如果只有一个参数，可以省略参数括号：

const myFunc = arg => {
  console.log(arg);
};

如果函数体只有一行代码，可以省略花括号和return关键字：

const myFunc = arg => arg * 2;

箭头函数的特点

箭头函数有以下特点：

箭头函数使用箭头符号（=>）定义。
如果只有一个参数，可以省略参数括号。
如果函数体只有一行代码，可以省略花括号和return关键字。
箭头函数没有自己的this指针，它的this指向定义它的上下文。

箭头函数的使用

箭头函数可以更方便地处理this指向的问题。在普通函数中，this指向的是调用该函数的对象。例如：

const myObj = {
  name: "Alice",
  sayName: function() {
    console.log(this.name);
  }
};

myObj.sayName(); // 输出 "Alice"

但是在回调函数中，this指向的是全局对象，而不是定义它的对象。例如：

const myObj = {
  name: "Alice",
  sayName: function() {
    setTimeout(function() {
      console.log(this.name);
    }, 1000);
  }
};

myObj.sayName(); // 输出 undefined

在上面的例子中，setTimeout的回调函数中使用了普通函数定义方式，this指向全局对象，因此无法访问myObj对象的name属性。使用箭头函数可以解决这个问题，因为箭头函数没有自己的this指针，它的this指向定义它的上下文。例如：

const myObj = {
  name: "Alice",
  sayName: function() {
    setTimeout(() => {
      console.log(this.name);
    }, 1000);
  }
};

myObj.sayName(); // 输出 "Alice"

在上面的例子中，setTimeout的回调函数中使用了箭头函数定义方式，this指向myObj对象，因此可以正确地访问name属性。

类语法

类是ES6中新增的一种语法，它是一种更方便的面向对象编程方式。

类的定义

类使用class关键字定义，类名的首字母通常大写。例如：

class MyClass {
  constructor(arg1, arg2) {
    this.arg1 = arg1;
    this.arg2 = arg2;
  }

  myMethod() {
    console.log(this.arg1, this.arg2);
  }
}

类中可以定义构造函数constructor，用于初始化对象的属性。类中还可以定义方法，方法的定义方式与普通函数相同，但不需要使用function关键字。

类的使用

使用new关键字可以创建类的实例。例如：

const myObj = new MyClass("hello", "world");
myObj.myMethod(); // 输出 "hello world"

类的继承

使用extends关键字可以实现类的继承。例如：

class MySubclass extends MyClass {
  constructor(arg1, arg2, arg3) {
    super(arg1, arg2);
    this.arg3 = arg3;
  }

  mySubmethod() {
    console.log(this.arg1, this.arg2, this.arg3);
  }
}

在上面的例子中，MySubclass继承自MyClass，可以使用MyClass中定义的属性和方法，同时还可以定义自己的属性和方法。使用super关键字可以调用父类的构造函数和方法。

总结

ES6中引入了箭头函数和类语法，它们都是更方便的编程方式，可以让代码更简洁、易读。箭头函数可以更方便地处理this指向的问题，类语法可以更方便地实现面向对象编程。

NodeJS教程

箭头函数和类语法