箭头函数（）=>（）

在javscript中，关于this最困惑的应该是，同一个函数，当在不同的上下文进行调用的时候，this的值就可能会不同。
也就是说，this的值是通过函数调用表达式（也就是函数被调用的方式）的caller所提供的

说通俗点 this 是在函数运行时自动生成的一个内部指针，它指向函数的调用者。

　　 箭头函数有些不同，它的this是继承而来， 默认指向在定义它时所处的对象(宿主对象)，而不是执行时的对象。

可以把箭头函数看成是一个代码块而不是一个函数，函数是一个对象，但代码块不是一个对象

 

var name = "thiswindow";
var test = {
name: "name",

FnName1: function() {
console.log(this.name); // name
var local = this;
setTimeout(function() {
console.log(this.name); // thiswindow
console.log(local.name); // name
}, 500)
},

// 异步回调
FnName2: function() {
setTimeout(() => {

console.log(this.name) // name
}, 500)
},

// 直接执行的方法
FnName3: () => {

console.log(this.name) // thiswindow
}
};

转载于:https://www.cnblogs.com/WangZhenQi/p/9371449.html