javascript - js setTimeout里this的问题

问题描述

问 题

var obj={ 
id:"awesome",
cool:function coolFn(){
  console.log(this.id);
 }
};
obj.cool()//awesome
var id="not awesome";
setTimeout(obj.cool,1000.);//not awesome

为什么setTimeout输出"not awesome"，书中这样解释的

问题在于cool()函数丢失了同this之间的绑定

这句话怎么理解，加上一个定时器，为什么就会丢失this的绑定，内部的原理是怎样的？

解决方案

因为this的指向发生了变化，setTimeout(fn,delay) { fn(); } 实际上fn是一个参数传递的引用(fn=obj.cool),在fn=obj.cool这里，this的指向从obj变成了全局，（fn的调用者是window对象，所以this指向了window。

你可以看下我之前写的一篇博客里面具体提到了this的这种传参丢失：js中的this总结

这篇关于javascript - js setTimeout里this的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！