es6 类中的箭头函数和普通函数

在ES6（ECMAScript 2015）中，引入了箭头函数（Arrow Functions）这一新特性。箭头函数与普通函数相比，主要有以下区别：

1. 语法：

   • 普通函数使用function关键字进行定义，例如：function myFunction() { /* code */ }。
   • 箭头函数则使用箭头语法进行定义，例如：(() => { /* code */ })或(param1, param2) => { /* code */ }。

2. 绑定上下文（this）：

   • 普通函数在执行时创建自己的this上下文。这意味着在函数内部，this关键字的值取决于函数是如何被调用的。
   • 箭头函数不创建自己的this上下文，它的this值直接来自于包含它的代码块。也就是说，箭头函数内部的this值是词法绑定的，而不是动态绑定的。

3. arguments对象：

   • 普通函数可以使用特殊的arguments对象访问其参数列表，即使在参数数量不确定的情况下也能工作。
   • 箭头函数不提供自己的arguments对象。如果需要访问函数的参数，可以使用形参（parameter）。

4. 生成器：

   • 普通函数可以声明为生成器（generator），使用function*语法。
   • 箭头函数不是生成器。

5. new关键字：

   • 普通函数可以使用new关键字来创建新的对象实例。
   • 箭头函数不能使用new关键字。如果需要创建对象实例，可以使用其他方式（如使用工厂函数或构造函数）。

6. 可读性：

   • 在某些情况下，箭头函数的简洁语法可以提高代码的可读性。特别是当函数的主体非常简单时，使用箭头函数可以减少不必要的代码。

7. 严格模式：

   • 在严格模式下，普通函数和箭头函数的行为没有区别。但在非严格模式下，箭头函数有一些与普通函数不同的行为，例如在非严格模式下，箭头函数不会抛出TypeError异常，也不会报告语法错误。

   • 在ES6中，箭头函数是一种新的函数语法，它使用箭头符号（=>）来定义函数体和参数。箭头函数具有一些与普通函数不同的特性：

     1. 没有自己的this上下文，而是从包含它的代码块中继承this值。这意味着在箭头函数内部，this关键字的值与普通函数内部的this值不同。
     2. 不支持arguments对象，只能通过形参来传递参数。
     3. 不支持new关键字，不能用于创建对象实例。
     4. 可以省略函数名称，如果函数体只有一条语句，并且这条语句返回一个值，可以省略函数名称，并使用箭头符号代替。

     下面是一个使用箭头函数的例子：

     javascript复制代码

     	// 普通函数
     	function greet(name) {
     	console.log(`Hello, ${name}!`);
     	}
     	// 箭头函数
     	const greet = name => console.log(`Hello, ${name}!`);

     在上面的例子中，普通函数和箭头函数的实现方式基本相同，但箭头函数更加简洁。需要注意的是，箭头函数在某些情况下可能会改变包含它的代码块中的this值，这是普通函数所不具备的特性。