码迷,mamicode.com
首页 > 编程语言 > 详细

javascript this(上)

时间:2018-08-02 00:02:47      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:函数调用   动态   name   obj   ons   str   ret   一个   fun   

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

 

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

 

javascript this(上)

标签:函数调用   动态   name   obj   ons   str   ret   一个   fun   

原文地址:https://www.cnblogs.com/youku/p/9404143.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!