javascript 中 this究竟指向的谁

简单的总结一下js 中this的几种指向

   var name = 'Jansen';
   console.log(this.name); //Jansen

这个不用说,直接在最外面引用this,this直接指向的是window对象,js中声明的全局变量都会挂载到window上。

var name = 'Jansen';
function getName(){
    console.log(this.name);
}
getName();

这个其实也是一样的,调用了函数,依然去找this.name属性,跑到了window那里去找了

var obj1 = {
    name:'test',
    myFun:function(){
        console.log(this.name);
    }
}
obj1.myFun();//test

这里的this,直接指向obj1这个对象

var name = 'Jansen';
function getName(name){
    this.name = name;
    console.log(this.name);
}
var obj2 = new getName('ops');
obj2.name // ops

这里的this通过new创建的对象,this指向的是obj2

var name = 'Jansen';
var obj3={
name:'test'
}
function getName(){
console.log(this.name)
}
getName.apply(obj3)

这里通过apply的方式把this的指向从window换给了obj3

var name = "Window";
  var object = {
    name : "object",
    getName : function(){
        console.log(this.name);
      function backFn(){
        console.log(this.name);
      };
      return backFn;
    }
  };

这里的第一块的this就是指向的object,但是存在了一个闭包的概念,所以backFn里的this,通过return重新挂回了window。

闭包就是能够读取其他函数内部变量的函数。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值