this和self

var myObject = {

    foo: "bar",

    func: function() {

        var self = this;

        console.log(this.foo);  

        console.log(self.foo);  

        (function() {

            console.log(this.foo);  

            console.log(self.foo);  

        }());

    }

};

myObject.func();







程序的输出是什么？


barbarundefinedbar

this总是指向调用它的那个对象，如果是立即执行函数或者setTimeOut()这样的全局（window）函数则this指向的是window对象即this为全局的this.x中的x为全局变量

2.js的作用域链，如果本作用域着不到对象就向上一层找

第三个是闭包，this指向window,thi敏感词oo也就是 window.foo，第四个self指向上一层的this

依次输出  bar  bar  undefined bar

理解关键：方法/函数是由谁(对象) 调用 的，方法/函数内部的 this 就指向谁(该对象)；

注意：被谁调用，不是处于谁的作用域，即使在作用域

1、func是由myObject调用的，this指向 myObject。

2、self指向myObject，相当于 myObject的this的副本。

3、这个立即执行匿名函数表达式（IIFE）是由window调用的，this指向 window 。

4、IIFE的作用域处于myObject.func的作用域中，本作用域找不到self变量，沿着作用域链向上查找self变量，找到了指向 myObject对象的 self。