全局代码中调用this
全局代码中调用this,this都指向window对象,如果是nodejs 中this指向global
方法内部调用this
在方法内部调用this并不能马上获取this的指向,具体要看当前方法是如何调用的
调用方式 | 调用示例 | this指向 |
通过new调用 | const obj = new Method() | this 指向obj |
直接调用 | function obj() { console.log(this) } | this指向window |
通过对象调用 | obj.fun = function() {console.log(this)} | this指向调用对象 obj |
通过call | fun.call(this, ...args) | 用户手动设置 |
通过apply | fun.apply(this, [...args]) | 用户手动设置 |
调用示例:👇
javascript">const User = function() {
console.log(this) // 指向 User {}
}
const user = new User()
javascript">function user() {
console.log(this) // 指向 window
}
user()
javascript">const user = {
name: '小妹',
age: 18,
sayHello: function() {
console.log(this) // 指向user
}
}
user.hello()
javascript">const user = {
name: '小妹',
age: 18,
sayHello: function() {
console.log(this) // 指向window
}
}
user.hello.call(this)
user.hello.apply(this)