首页新闻找找看学习计划

js 中的胖尖头?

0
[待解决问题]

我们在声明函数的时候通常是

var foo function(a){

console.log(a) 

};

用ES6 我们写成了这样

var foo = a =>{

  console.log(a);

};

foo(2);

只是少些了function字段哪些冗余的东西吗

首先看下下面的代码:

var obj={

  id:"LOVE"

  love:functionLove(){

  console.log(this.id);

  }

};

var id = "HIT"

obj.love(); //LOVE

setTimeout(obj.love,100); // LOVE

都是LOVE ,没什么毛病吧,本应该是setTimeout(obj.love,100);输入HIT

按照分析,love 函数丢失了同this 之间的绑定,应该是HIT this 应该是window 最常用的是var self = this;来处理下this:

var obj = {
id: "not LOVE",
love: function() {
var self = this
console.log(this.id);
}};
var id = "not HIT"
obj.love()
setTimeout(obj.love(), 1000);

哦 传说中的胖尖头this绑定时的行为和普通函数的行为完全不一致,难道是在es5 中解决了?
Jensen_Lv的主页 Jensen_Lv | 菜鸟二级 | 园豆:202
提问于:2017-03-20 17:31
< >
分享
所有回答(1)
0

胖箭头函数没有自己的 this,所以 this 引用的是它外层作用域的 this

by.Genesis | 园豆:1572 (小虾三级) | 2017-03-20 18:25
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册