阅读本文章目标:够知道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事件中的函数(指向函数的调用者)
因此要在合适的环境下,合理的使用this