1.逗号表达式,2.匿名函数 3.this指向

4 篇文章 0 订阅
 var x = 30
  var temp = {
      x: 50,
    foo: function () {
        var x = 10
        console.log(this.x)
    }
  }
  //第一种情况
  (temp.foo,temp.foo)() // 输出?
  //第二种情况 
   temp.foo() //输出?

解析第一种情况

(temp.foo,temp.foo)() 是逗号表达式,从左到右执行,右边的赋值 相当于

(function () {
    var x = 10
    console.log(this.x)
})() 

这里this指向window

详细解析

从逗号表达式、匿名函数的角度扫盲:

例子

  let a = 2;
    let b = 3;
    let c = 0;
     c =(a++,b++,a+b);
    console.log(c);  //输入7

匿名函数
匿名函数顾名思义指的是没有名字的函数
(temp.foo,temp.foo)() 相当于一个匿名函数
从左到右执行,
先执行逗号左边的temp.foo,这就是一个取了对象里面的方法,并没有执行,所以没有什么用;
再执行逗号右边的temp.foo,整个表达式返回的也是这个,所以最终返回的是,temp.foo(),
temp.foo是:

function () {
    var x = 10
    console.log(this.x)
}

temp.foo() 是:执行这个匿名函数

(function () {
    var x = 10
    console.log(this.x)
}) ()

所以this指向的是 window,this.x 取的就是全局变量x,因此返回30,而不是局部作用域里面的10。

//答案
//所以第一种情况
  (temp.foo,temp.foo)() // 输出30

解析第二种情况
this指向问题
temp.foo() 直接调用temp对象中的foo函数 当前this指向temp对象 {x:50,foo:f()} 就找到了x:50

//答案
//所以 第二种情况   temp.foo() //输出 50
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值