JS 有趣的JS

2019/03/26 11:22
阅读数 152

一、

var arr = [];
for (var i = 0; i < 3; i++) {
      arr[i] = function() {
            console.log(i+'__') // 3 3 3
      }
}

arr[0]();
arr[1]();
arr[2]();

 

执行上下文

for循环开始时,i 作为一个全局变量,每次循环都将 function 放进 arr,但 function 没有执行
循环结束,全局变量 i 的值已经变为了 3,这时再执行函数 function
执行结果 3 3 3

 

 

二、

for (var i = 0; i < 3; i++) {
     setTimeout(function() {
            console.log(i+'...') // 3 3 3
     }, 0)
}

JS运行机制
setTimeout 是异步方法
for 循环开始时,setTimeout 里的函数 function 并没有立即执行,而是被加入任务队列
循环结束时,也就是当主进程运行结束时,任务队列的方法才会进入主进程开始执行,此时全局变量 i 的值已经变为了 3
所以执行结果 3 3 3

 

 

三、

window.val = 1;
var obj = {
      val: 2,
      start: function() {
          // console.log(this)
          this.val *= 2;
          val *= 2;
          console.log(val)
          console.log(this.val)
      }
}
obj.start()   // 2 4
var func = obj.start;
func(); // 8 8

this 指向
当执行 obj.start() 时,start函数为 obj 属性,this 指向 obj,执行完毕,window.val = 2,obj.val = 4;
当执行 func() 时,obj.start作为普通函数被调用,this 指向 window。

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部