首页 > Web开发 > 详细

js 面试题总结

时间:2018-11-10 10:20:54      阅读:106      评论:0      收藏:0      [点我收藏+]

面试题解析

window.number = 1;
var obj = {
    number: 4,
    dbl: (function(){
        console.log(obj.number);
        this.number *= 2;
        console.log(obj.number);
        return function () {
            this.number *= 2;
        }
    })()
}
var dbl = obj.dbl; 
dbl();
obj.dbl();
console.log(window.number);
console.log(obj.number);

关键是this的指向问题,在 this 有所属对象时就指向所属对象,没有所属对象就指向全局对象。

全体代码有两个作用域

  • 全局作用域 number 、 obj
  • 局部作用域 obj.nujber 、 obj.dbl

      var dbl = obj.dbl; 
  • obj.dbl 为立即执行函数
  • window.number = 1 * 2 = 2
  • 执行结果为一个匿名函数
  • function () { this.number *= 2; }

      dbl();
  • this ==> window
  • window.number = 2 * 2 = 4

      obj.dbl();
  • this ==> obj
  • obj.number = 4 * 2 = 8

      console.log(window.number);
  • 执行结果为 window.number = 4

      console.log(obj.number);
  • 执行结果为 obj.number = 8

所以结果为 4,8

js 面试题总结

原文:https://www.cnblogs.com/lvyongbo/p/9938114.html

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