【JS重点19】this指向问题总结

目录

一：普通函数this指向

普通函数在严格模式下：

二：箭头函数this指向

this指向说明

不适用this情况

三：改变this指向

1 call()

语法格式：

作用：

2 apply()

语法格式：

作用：

使用场景：

3 bind()方法

作用：

应用场景：

四：如何赚钱

---

阅读本文章目标：够知道this在不同环境下的默认值，知道动态指定函数this值的方法

一：普通函数this指向

普通函数的调用方式决定了this的值，即谁调用普通函数，this就指向谁

 setTimeout(function () {
      console.log(this);//window
    }, 1000)
}
//以及setInterval都是指向window，因为其完整的写法是window.setInterval、window.setTimeout

普通函数在严格模式下：

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

对于在严格模式下，如果没有写清楚普通函数的调用者，this返回undefined

二：箭头函数this指向

this指向说明

箭头函数中本身不存在this，其this是沿着作用域链查找；直到找到外层作用域中有this指向的部分，沿用它的this指向

不适用this情况

构造函数、原型函数（因为在普通函数中，构造函数、原型函数指向实例对象，有其特殊的作用）DOM事件中的函数（指向函数的调用者）

因此要在合适的环境下，合理的使用this0

三：改变this指向

JS中允许指定函数中this的指向