javaScript 中 this 的指向学习

javaScript 中 this 的指向

1. 事件调用环境，this就是指向当前的调用者

2. 全局环境 console.log(this) 指向的就是浏览器的windows对象

3. 在node环境中指向就是导出的 module.exports

4. 在函数内部：

function move()
{
     
    console.log(this);
}

move();

• 非严格模式下，直接调用函数，函数内部this指向的是windos对象

• 严格模式，直接调用函数，函数内部this指向的是undefined

var obj = {
     
        a:10,
        b: {
     
            fn: function () {
     
                console.log(this);
                console.log(this.c);
            },
            c: 20
        },
        fn: function () {
     
            console.log(this);
            console.log(this.a);
            console.log(this.b);
        }
    };

    obj.b.fn();
    obj.fn();

4.1 this最终指向的是调用它的对象

4.2 函数被多层对象所包含，如果函数被最外层对象调用，this指向的也只是它上一级的对象

4.3 构造函数中的this指向的是实例对象

4.3.1. 调用函数

4.3.2. 自动创建一个对象

4.3.3. 把创建出来的对象和this绑定

4.3.4. 如果构造函数没有返回值，返回的就是this对象

function fn () {
     
        this.num = 10;
        console.log(this);
    }

    var obj = new fn();

4.4 如果否早函数中有return,如果return的值是对象，this指向的就是返回的对象，如果返回的值不是对象，则this还是保持原来的规则，在这里null
值比较特殊。

    function fn () {
     
        this.num = 10;
        return null;
    }
    let obj = new fn();
    console.log(obj.num);//10

    function fn () {
     
        this.num = 10;
        return '';
    }
    let obj = new fn();
    console.log(obj.num);//10

function fn () {
     
        this.num = 10;
        return null;
    }
    let obj = new fn();
    console.log(obj.num);//10

    function fn () {
     
        this.num = 10;
        return 1;
    }
    let obj = new fn();
    console.log(obj.num);//10

function fn () {
     
        this.num = 10;
        return [];
    }
    let obj = new fn();
    console.log(obj.num);//undefined

    function fn () {
     
        this.num = 10;
        return {
     };
    }
    let obj = new fn();
    console.log(obj.num);//undefined

    function fn () {
     
        this.num = 10;
        return function () {
     
            
        };
    }
    let obj = new fn();
    console.log(obj.num);//undefined