彻底理解JS中的this

众所周知,this是JavaScript中很重要的关键字,根据不同的使用情况,this的指向会有所不同,总的来说就是指向函数运行时的环境对象(箭头函数除外)。下面就分情况来进行讨论。

this的指向?

1. 全局作用域下的this和一般函数中的this:

全局作用域下以的this以及全局作用域下普通函数中的this就指向全局对象,即window(浏览器)/{}(Node.js全局环境)/global(Node.js普通函数)

this === window; //true

function f(){
   
    return this;
}
f() === window; //true
如果函数中使用use strict,this则会指向undefined!

另外this没有作用域限制,嵌套函数不会继承上层函数的this!如果作为函数调用,会指向全局或undefined。因此如果想在外部函数访问this的值,权威指南给出的写法是将其保存到一个变量里:
var self = this;

2. 对象方法中的this

函数由哪个对象调用,this就指向哪个对象。下面一段代码中的函数f由obj对象调用,this自然就指向了obj对象。

var obj = {
   
  prop: 1,
  f: function(){
   
      return this.prop;
  }
};
obj.f();   //1

再来看一段代码:下面这段代码中,p对象继承自obj对象,p.f()中调用的虽然是obj中的f函数,但是this还是会指向p对象。再一次验证了之前说过原理,谁调用函数this就指向谁。

var obj = {
   
    f
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值