自执行代码中的“this”

"this" in self executing code

本文关键字：this 执行 代码      更新时间：2023-09-26

为什么这里的"this"对于对象成员函数内的自执行代码（window/globalScope）是不同的？

foo = "Window_foo"
var myobj = {
  foo: 'Object_bar',
  func: function(){
    var self = this;
    console.log("outer this.foo " + this.foo);
    console.log("outer self.foo " + self.foo);
    (function(){
       console.log("inner this.foo " + this.foo);
       console.log("inner self.foo " + self.foo);
    }());
  }
}
myobj.func();

我得到以下输出：

outer this.foo Object_bar
outer self.foo Object_bar
inner this.foo Window_foo
inner self.foo Object_bar

func 是 myObj 对象的成员函数。里面的"这个"必须是myObj对象。那么它内部的自执行函数如何将"this"作为窗口对象呢？

自执行函数将窗口对象作为其this的值，即使它位于对象的方法中。

自引用单例对象的元素。 您可以在创建对象后声明函数，例如

foo = "Window_foo"
var myobj = {
  foo: 'Object_bar'
}
  myobj.func: function(){
    console.log("outer myobj.foo " + myobj.foo);
    console.log("outer myobj.foo " + myobj.foo);
    (function(){
       console.log("inner myobj.foo " + myobj.foo);
       console.log("inner myobj.foo " + myobj.foo);
    }());
  }
相关文章：