关于This的经典题目

这个题目见过很多次了

var x = 10;

var foo = {

    x: 20,

    bar: function() {

        var x = 30;

        return this.x;

    }

};

alert(foo.bar());

alert((foo.bar)());

alert((foo.bar = foo.bar)());

alert((foo.bar, foo.bar)());

在开始前，在console中输入
a = 1 ;
b = 2;
(a, b);
将直接显示2 这表明逗号运算符直接返回后面一个表达式计算结果

再看
a = b 以及 (a = b)
输出2 表示赋值运算符返回赋值后结果
这里相当于定义了一个 tmp = foo.bar() 然后tmp()

但是 a.b() (a.b)() 看起来他们很不同一个a对象调用了b() 第二个好像是函数运算
实际上由于 a.b 这个表达式没有作什么运算编译器会去掉一层括号当做 a.b()来运算

所以这里前两个的结果肯定是相同的后两个也是此题的结果是 20 20 10 10

你可能会问啦为什么后面的提示的值不是20 却是10
因为后面两个是函数表达式你可以认为是匿名函数
他们相当于

(function(){

  var x = 30;

  console.log(this.x); //

  return this.x;

})();

巴特西

关于This的经典题目

最新文章

热门文章