this指向谁呢

1.普通函数

 function fn(){
    console.log(this);
  }
  fn()

普通函数的this指向window 

2.点击事件

 
    
  
  

this指向谁呢_第1张图片

事件对象的本身

3.箭头函数

        var obj = {
             name: '刘',
             age: 20,
             say: function () {
                 console.log(this);
             },
             song: () => {
                 console.log(this);
             }
         }
         obj.say()//指向obj
         obj.song()//指向全局

箭头函数指向它的上下文

4.构造函数

 class Studnet {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
    }
    const studnet=new Studnet('张三',20)
    console.log(studnet);

        this指向谁呢_第2张图片

 构造函数的this指向实例化对象

你可能感兴趣的:(javascrpit,javascript,前端,vue.js)