this的用法总结

在js里面对于this的定义是this是在执行上下文创建时确定的一个在执行过程中不可更改的变量。只有在调用时才能确定this的指向

1.全局作用域或者普通函数中this指向全局对象window。

//直接打印
console.log(this) //window
- 注意要看运行环境

//function声明函数
function test () {console.log(this)}
test() //window

//function声明函数赋给变量
var test = function () {console.log(this)}
test() //window

//自执行函数
(function () {console.log(this)})(); //window

//定时器
setTimeout(function(){
    console.log(this)
},1000); //window

2.方法调用中谁调用this指向谁

//对象方法调用
var person = {
    run: function () {console.log(this)}
}
person.run() // person
- 看方法是谁调用的，.前边是谁this就是谁

//事件绑定
var btn = document.querySelector("button")
btn.onclick = function () {
    console.log(this) // btn
}

3.在构造函数中this指向构造函数的实例

//不使用new指向window
function Company (name) {
    console.log(this) // window
    this.name = name;
}
Company('hc')
//使用new
function Company(name) {
      this.name = name
      console.log(this) //company { name: 'hc' }
  }
  var company = new Company('hc')