js学习之function上下文

最新推荐文章于 2024-02-19 15:37:22 发布

原创最新推荐文章于 2024-02-19 15:37:22 发布 · 970 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #list #fun

JS 专栏收录该内容

26 篇文章

订阅专栏

本文通过一个具体的JavaScript示例，深入探讨了在不同情况下函数内部this关键字的指向问题，并解释了为何会出现这些不同的指向。

js中function是有上下文的，如果不注意的话很容易出错的，如下：

var fun1=function(){
	this.name="in the function";
	this.say=function(){
		alert(this.name);
	};
};
name="out the function";


var obj = new fun1();
var list = [];
list.push(obj.say);
obj.say.call();//out the function
obj.say();//in the function
list[0]();//undefined

在上面这块代码中，

第一次call因为没有指定上下文，所以在最外层运行函数，this指向window

第二次因为直接运行，this指向.say()前面的对象

第三次比较特殊，我们把function放在一个list中，再去执行，这时候this指向了这个数组list