一道关于JS作用域的面试题

2021-06-04 19:03

阅读：383

标签：面试题 bind 没有 style OLE 查找作用 obj 面试

 1 var x = 1;
 2 var obj = {
 3     x: 2,
 4     dbl: function () {
 5         this.x *= 2;
 6         x *= 2;
 7         console.log(‘===============‘)
 8         console.log(x);
 9         console.log(this.x);
10     }
11 };

// 说出下面的输出结果

obj.dbl();

//解析：this.x指向当前对象，所以this.x *= 2等同于obj.x *= 2

//而x *= 2，在当前作用域中没有找到声明，则在全局作用域下查找是否有x, x *= 2等同于window.x *= 2

//日志打印输出2 4，此时window.x为2, obj.x为4

var func = obj.dbl;

func();

//func()没有前缀，所以func()相当于window.func()，此时func()中的x与this.x均指向window.x

//日志打印输出8 8，此时window.x为8, obj.x为4

var funcBind = obj.dbl.bind(obj);

funcBind();

//func()没有前缀，但是因为通过bind()方法，把funcBind()的作用域与obj的作用域绑定起来，所以func()相当于obj.dbl()，其中x作用域与上面??一样查找x，只不过此时window.x为8, obj.x为4

//日志打印输出16 8

一道关于JS作用域的面试题

标签：面试题 bind 没有 style OLE 查找作用 obj 面试

原文地址：https://www.cnblogs.com/xfcao/p/12339662.html

上一篇：Webpack 学习

下一篇：html中引入调用另一个html文件

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：一道关于JS作用域的面试题
文章链接：http://soscw.com/index.php/essay/90529.html

亲，登录后才可以留言！

一道关于JS作用域的面试题

评论

热门文章

推荐文章

最新文章

置顶文章