js中的this简单总结
JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
this的指向问题
在非严格模式下
- 单独使用this的话,那么this指向window对象。代码块中的this指向的是window对象。
- 如果this在函数中有以下三种情况。第一种就是普通函数中的this,它指向的是仍然是window对象。第二种就是在构造函数中,如果使用new对其进行实例化,那么new这个关键自会改变this的指向,此时的this指向的是Object。第三种就是箭头函数中的this,箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。
- 如果this在对象(DOM对象,自定义对象,BOM对象,事件对象)中。那么这个this指向的就是本对象。对象的call()与apply()方法原理就是改变this的指向。
在严格模式下
- 函数中的this未定义。严格模式下函数是没有绑定到 this 上,这时候 this 是 undefined。
- 单独使用的话this指向window对象