详解javascript中this的工作原理

console.log(this) // 控制台将打印出 window 对象

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

foo(); // 控制台也会打印出 window 对象

function foo(){
    console.log(this);
};
            
var demo = document.querySelector(".demo");
            
demo.onclick = foo;         //this指向demo元素对象
            
demo.onclick = function(){
    foo();                  //this指向window对象
};

var obj = {
    getMe: function(){
        console.log(this)
    }
};

obj.getMe(); // 控制台打印出 obj 对象

//构造函数
function Person(name){
    this.name = name;
    this.getMe = function(){
        console.log(this);
    }
};

var joe = new Person("joe");

joe.getMe(); //控制台打印出一个新的名字为 “joe” 的 Person 实例

var obj = {
    name: "object"
};

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

a.call(obj); //控制台打印出 obj 对象