es6中箭头函数this指向问题

普通函数：根据调用我的人（谁调用我，我的this就指向谁）

箭头函数：根据所在的环境（我在哪个环境中，this就指向谁）
看下面的例子

document.onclick = function () {

alert(this); //HTMLDocument

}

document.onclick = () => {

alert(this); //Window

 

再看下下面的例子

document.onclick = function () {

        let arr = [1, 2, 3];

        arr.a = function () {

            alert(this);

        }

        arr.a();    //1,2,3

    }

这里先是使用普通函数，输出了1,2,3。

 

下面我换成箭头函数

document.onclick = function () {

        let arr = [1, 2, 3];

        arr.a = () => {

            alert(this);

        }

        arr.a();    //HTMLDocument

    }

这里输出就是HTMLDOcument了，因为正如前面所说，箭头函数的this是由它所处的环境决定的