函数this指向

最新推荐文章于 2025-06-22 17:32:33 发布

转载最新推荐文章于 2025-06-22 17:32:33 发布 · 176 阅读

文章标签：

本文深入探讨JavaScript中this关键字的指向规则，特别是在不同上下文中调用函数时的行为。通过具体示例，解释了this如何根据函数的调用方式指向不同的对象，包括对象内部、作为普通函数调用以及在全局作用域中的表现。

var o={
  a:10,
  b:{
    a:12，
    fn:function () {
      console.log(this.a);//12
    }
  }
};
o.b.fn();//调用对象

我们都知道函数this的指向是调用它的对象（就近的对象）

对象 b 里面有 a 这个属性。那么当我们调用对象属性 a 的值是12而不是10；那么这个this的指向就是 b 这个对象，而不是o这个对象---------------注意点 this指向最后调用它的对象。

  var o={
      a:10,
      b:{
        //a:12,
        fn:function () {
          console.log(this.a);//undefined
        }
      }
    };
    o.b.fn();//调用对象

当我们注释掉 b 里面 a 的值会发现this.a的值是undefined?

因为js是一门动态类型的语言，当我们我们对象点（.）一个属性的时候那么这个属性就有了，如果没有赋值就是undefined。

通过上面我们知道不管对象里面有没有属性a，这个this的指向也是对象 b 因为this总是指向它上一级的调用它的对象。

看重点：重要重要重要

var a = 5;
var o = {
  a: 10,
  b: {
    a: 12,
    fn: function () {
      console.log(this.a);//5
    }
  }
};
var j = o.b.fn;//把函数fn赋值给变量j
j();//调用函数fn

这里的属性 a 的值是5，而不是10和12，并且this的指向是window对象。为什么？