前端JS: call()/apply()改变调用函数的作用域中的this指向

最新推荐文章于 2025-05-29 13:52:43 发布

转载最新推荐文章于 2025-05-29 13:52:43 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cbadcdb6fb9a0687f35353a

文章标签：

#前端 #ViewUI

本文详细解析了JavaScript中this关键字的作用域问题，通过实例演示了如何使用call()和apply()方法来改变函数调用时的this指向。特别强调了在不同环境下，如浏览器和Node.js中，this的默认指向差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

call()/apply()改变调用函数的作用域中的this指向

talk is cheap ,show me the code:

第一个参数为this,第二个参数为传输的值，例如

var a ="windowA";
var b = "windowB";
var str = "world";
var myObject = {a:"myA",b:"myB"};

function hello(s){

    alert("a= "+this.a + ", b= "+this.b+" "+s);

}

//hello 中的this 指向window;
hello.call(null,str);//a ="windowA" b = "windowB" world

// hello 中的this.指向myObject；
hello.call(myObject,str);//a="myA" b="myB" world
复制代码

如果第一个参数为null,则this指向window(在node环境中则指向global)

hello.call(null)//this 指向window

hello.call(window)//this同样指向window

参考:

转载于:https://juejin.im/post/5cbadcdb6fb9a0687f35353a