gpt4 book ai didi

javascript - 以下示例中上下文的奇怪变化

转载 作者:行者123 更新时间:2023-12-03 02:57:15 25 4
gpt4 key购买 nike

我尝试了以下示例,但 2 种类型的控制台返回 2 种不同的结果。我预计我的自定义对象会在这两种情况下返回,但结果似乎有点奇怪。有人可以解释一下结果吗?

<html> 
<head> </head>
<body>
<script>
var obj1 = {
printThis: function() {
console.log(this);
}
};

obj1.printThis(); //refers to my custom object

var func1 = obj1.printThis;
func1(); //refers to window object
</script>
</body>
</html>

结果:

第一个控制台返回自定义对象,第二个控制台返回窗口对象(尽管在 StackOverflow 中,由于它们自己的匿名函数包装器可能引用一些其他对象)。但是,在 Chrome 中,第二个控制台提供了对 Window 对象的引用。

最佳答案

由于执行函数 (printThis) 的上下文或环境不同,输出会有所不同。在第一种情况下,函数的执行上下文位于 obj1 内部。但在第二种情况下,函数是在全局上下文或环境中执行的。

如果要执行要在 obj1 内执行的第二个函数调用,则必须显式绑定(bind)它,例如:obj1.printThis.bind(obj1)

var obj1 = {
printThis: function() {
console.log(this);
}
};

obj1.printThis();

var func1 = obj1.printThis.bind(obj1);
func1();

关于javascript - 以下示例中上下文的奇怪变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47571295/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com