精通JavaScript的this关键字(4)

avg方法的this关键字指向的是gameController对象,如果使用appController调用该方法,this将会指向appController(但事实上这并不是我们期望的结果,因为我们只想借用方法的实现逻辑而非具体的数据来源)。

解决方案:

为了保证gameController只借用appController的avg方法的逻辑,我们使用apply方法:

// 我们要使用apply方法,注意这里传入appController.avg方法的第二个参数 appController.avg.apply(gameController, gameController.scores); //尽管avg方法是借来的,但是现在avgScore属性已经被成功地应用到gameController上了。 console.log(gameController.avgScore); // 46.4 //appController.avgScore仍然是null,只有gameController的avgScore被更新了 console.log(appController.avgScore); // null

gameController只借用了appController的avg方法,这时this将指向gameController,因为我们把gameController作为apply方法的第一个参数进行传递。apply方法的第一个参数将会显式设置this的取值。

结语

希望您在文中有所收获。现在你可以使用文中介绍的绝招(bind方法,apply方法,call方法,以及把this赋值给 一个变量)来对付跟this相关的任何问题。

正如已经了解到的,this在上下文改变、被作为回调函数使用、被不同的对象调用、或者方法被借用的情况下,this将一直指向调用当前方法的对象。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgysjx.html