首页 > Web开发 > 详细

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

时间:2020-02-21 00:57:11      阅读:58      评论:0      收藏:0      [点我收藏+]
 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作用域的面试题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!