this 深度面试题3

window.val = 1;

 var obj = {

   val: 2,

   dbl: function () {

     this.val *= 2;

     val *= 2;

     console.log(val);

     console.log(this.val);

   }

 };

 // 说出下面的输出结果

 obj.dbl();

 var func = obj.dbl;

 func();

结果是:  2   4    8   8

val变量在没有指定对象前缀,默认从函数中找,找不到则从window中找全局变量

即 val *=2 就是 window.val *= 2

this.val默认指的是 obj.val ;因为 dbl()第一次被obj直接调用

<2>14行代码调用

func() 没有任何前缀,类似于全局函数,即 window.func调用,所以

第二次调用的时候, this指的是window, val指的是window.val

第二次的结果受第一次的影响

var obj = {
say: function () {
return function() {
console.log(this)
}
}
}
obj.say()(); // window

var obj = {
say: function () {
return ()=> {
console.log(this)
}
}
}
obj.say()(); // obj

匿名函数由于没有默认的宿主对象,所以默认this指向window 箭头函数改善

<script>

 var obj = {

   say: function () {

     setTimeout(() => {

       console.log(this)

     });

   }

 }

 obj.say(); // obj

</script>

此时的 this继承自obj, 指的是定义它的对象obj, 而不是 window!

定时器中的函数,由于没有默认的宿主对象,所以默认this指向window

但是使用箭头函数可以改善

巴特西

this 深度面试题3

最新文章

热门文章