JavaScript中this关键字的指向问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中this关键字的指向问题相关的知识,希望对你有一定的参考价值。

1、纯粹的函数调用,this就代表全局对象Global

var x = 1;
function test(){
    var x = ‘二哈‘;
    console.log(this.x);    //1
}
test();

2、作为对象的成员方法时,this代表这个对象

var x = ‘二哈‘;
function
test(){ console.log(this.x); //1 } var obj = { x: 1, fn: test } obj.fn();

3、作为构造函数调用,this代表new关键字生成的新对象

var x = ‘二哈‘;
function
test(){
  this.x = 1; } var obj = new test(); console.log(obj.x) //1

4、使用call()方法或者apply()时,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数,参数为空时,默认调用全局对象

var x = 1;
function test(){
  console.log(this.x);
}
var obj = {
    x: ‘二哈‘,
    fn: test
};
obj.fn.apply();    //1       

 




以上是关于JavaScript中this关键字的指向问题的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript中控制this关键字的指向

JavaScript中this关键字的指向问题

JavaScript全解析——this指向

JavaScript中的this

JavaScript关键字this指向

彻底搞懂 JavaScript 中的 this 指向