js中的this

WEB前端 waitig 409℃ 百度已收录 0评论

1、在函数被直接调用时,this是指全局对象window

console.log(this); //[object Window]
function f(){
    console.log(this);
}
f(); //[object Window]

2、在函数内部嵌套的函数,该内部函数的this依然是全局变量,并不是其父函数

function f1(){
    function f2(){
        console.log(this);
    }
    f2();
}
f1(); //[object Window]

3、setInterval、setTimeout两个方法执行的函数this也指全局变量

setTimeout(function(){
    console.log(this);
},200); //[object Window]

4、构造函数,使用该函数实例化一个新对象,此时,函数中的this指这个新对象

function Person(name){
    this.name = name;
}
Person.prototype.printName = function(){
    console.log(this.name);
}
var p1 = new Person('XX');
var p2 = new Person('GG');
p1.printName(); //XX
p2.printName(); //GG

5、函数作为对象的方法调用时,this指向该对象

var obj = {
    name : 'AC',
    fun : function(){
        console.log(this.name);
    }
};
obj.fun(); //AC

本文由【waitig】发表在等英博客
本文固定链接:js中的this
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)