JavaScript中this是做什么用的?

this(上下文对象)
    我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数。 使用this来引用上下文对象,根据函数的调用形式不同,this的值也不同。 this的不同的情况:
  1. 以函数的形式调用时,this是window
var aOne = 我是Windows对象的一个变量
function initTest() {
          
   
    var aTwo = initTest的变量two;
    var aThree = initTest的变量three;
    console.log(this);
}
console.log(this)
initTest();

以上控制台输出可以看出this代表的是Windows可以使用Windows的属性

  1. 以方法的形式调用时,this就是调用方法的对象
var aOne = 我是Windows对象的一个变量
    var InitTest = {
          
   
        atwo: initTest的变量two,
        athree: initTest的变量three,
        afour: function () {
          
   
            console.log(this)//这里就是指向 InitTest 方法
        }
    }
    console.log(this)//这里还是 Windows
    InitTest.afour()
  1. 以构造函数的形式调用时,this就是新创建的对象
/*
* 创建一个InitTest构造函数
* 在Person构造函数中,为每一个对象都添加了一个afour方法,
*/
function InitTest() {
          
   
    this.atwo=initTest的变量two;
    this.aThree=initTest的变量three;
    this.afour=function(){
          
   
        console.log(this)
    }
    console.log(this)
}
var InitTest= new InitTest() //this->InitTest
InitTest.afour()//this->InitTest
console.log(this)//this->Windows
经验分享 程序员 微信小程序 职场和发展