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

Posted 2020-11-25 xfcao

 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