javascript this（上）

Posted 2020-12-27 青丘

javascript的this指向的是一个函数运行时动态绑定对象。

 

this的4种常见的指向：

作为对象的方法调用

var obj={
    name:"姚小白",
    getName:function(){
        console.log(this === obj);
        console.log(this.name)
    }  
}
obj.getName();

//true
//姚小白

函数被作为一个对象调用，所以this的指向了obj对象。

作为普通函数调用

在普通函数中，this指向的全局对象，也就是window对象。

 

var name = "姚小白";
    var getName = function(){
        return this.name;
    }
console.log(getName())

//姚小白

 

var name = "姚小白";
var obj = {
   name:"July",
   getName:function(){
         return this.name;
   }
}
console.log(obj.getName())  //July
var name1 = obj.getName;
console.log(name1())        //姚小白
console.log(obj.name)       //July
console.log(this.name)      //姚小白

在这个函数中，因为函数作用域的关系。当我们打印obj.getName();的时候，function(){return this.name;}  //July

 

而在外层时候调用的则是  //姚小白