JS中this的理解

 

this：是“这个”的意思，是个代名词，代表谁呢？要看环境

1. this是函数的内置对象，函数就是this的环境

          1).当this所在函数是事件处理函数时，this是事件源,如下图

$("#test").onclick = function(){
    this.style.color = "red";//this指id为test
}

          2).当this所在函数是构造函数时，this表示new出来的对象（调用构造函数时）

class Person{
     constructor(name){
        //this是new的时候（调用构造函数的时候）
        this.name = name;
}

let p = new Person("张三");

         3).当this所在函数是类的方法是，this表示调用该函数的对象（动作的主语）

class Person{

    constructor(name){
         this.name = name;
     }
    eat(str){         
        //调用eat时，写在函数前面的那个对象，即，动作的主语
         console.log(this.name+"在吃"+str);
     }
}

let p = new Person("张三");
p.eat("包子");

             4).当this所在函数不属于以上情况（普通的函数），那么this是window

function test(){
    console.log(this);//此处this指window
}