es6的箭头函数的this问题

1、

var x=11;

var obj={
  x:22,
  say:function(){
    console.log(this.x)
  }
}
obj.say();

//console.log输出的是22   其中this指向obj这个对象

var x=11;
var obj={
 x:22,
 say:()=>{
   console.log(this.x);
 }
}
obj.say();
//输出的值为11 
这个this.x  和say是key:value  指向外面的x=1

var a=11
function test1(){
  this.a=22;
  let b=function(){
    console.log(this.a);
  };
  b();

}

var x=new test1();

//输出11  

ES6中定义的时候绑定this的具体含义,应该继承的是父执行上下文里面的this,切忌是父执行上下文!!!

var a=11;
function test2(){
  this.a=22;
  let b=()=>{console.log(this.a)}
  b();
}
var x=new test2();

//输出22

es5  =>es6转化

// ES6
function foo() {
  setTimeout(() => {
    console.log('id:', this.id);
  }, 100);
}


// ES5
function foo() {
  var _this = this;


  setTimeout(function () {
    console.log('id:', _this.id);
  }, 100);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值