关于ES6箭头函数中的this问题

深入理解ES6箭头函数中的this指向特性

ES6引入了箭头函数，这种新的函数形式以其简洁的语法和特殊的this指向特性受到了开发者的欢迎。本文将详细ES6箭头函数中的this指向问题，帮助大家深入理解这一特性。

一、箭头函数中的this

在ES6中，箭头函数有一个重要的特性：其内部的this指向是固定的，不像传统函数那样在执行时才确定this指向。箭头函数的this指向是在定义函数时就确定的，而不是在执行时。

二、与一般函数的对比

在一般函数中，this的指向是在运行时确定的，通常指向调用该函数的对象。但在某些情况（如单独调用函数或作为回调函数时），this可能指向全局对象（在浏览器中通常是window）。而在箭头函数中，无论怎么调用，其内部的this始终指向定义该函数时的上下文中的this。

三、示例

让我们通过几个示例来深入理解箭头函数中的this指向特性。

示例1：在对象方法中定义箭头函数

```javascript

var x = 11;

var obj = {

x: 22,

say: () => {

console.log(this.x); // 输出的是obj对象的x属性，即22

}

};

obj.say(); // 输出22，因为箭头函数的this指向obj对象

```

在上面的例子中，箭头函数`say`的this指向了定义它的对象`obj`。所以`console.log(this.x)`输出的是`obj`对象的`x`属性值。

示例2：在全局作用域定义的箭头函数

```javascript

var a = 11;

function test2() {

this.a = 22; // 这里给全局对象（在浏览器中是window）的a属性赋值为22

let b = () => { console.log(this.a); }; // 定义箭头函数b，其内部的this指向全局对象（在浏览器中是window）

b(); // 输出全局对象的a属性值，即22

}

var x = new test2(); // 输出结果如上所述，因为箭头函数的this指向全局对象（在浏览器中是window）