使用promises时,为什么this在类方法中未定义
在类方法中,`this`的值取决于方法的调用方式。当使用普通函数调用类方法时,`this`会指向调用该方法的对象。但是,当使用箭头函数调用类方法时,`this`会继承自外部作用域,并且不会被绑定到类的实例上。这是因为箭头函数没有自己的上下文,它继承了其父级上下文的`this`值。
在使用Promises时,如果你将类方法作为回调函数传递给Promise的`then`方法时,它会被作为普通函数调用,而不是作为方法调用。因此,`this`会指向全局对象(在浏览器环境中通常是`window`对象)或者`undefined`(在严格模式下)。
为了在类方法中正确使用`this`,可以使用箭头函数来定义类方法。这样,`this`会继承自外部作用域,并且会正确地指向类的实例。例如:
```javascript
class MyClass {
myMethod() {
return new Promise((resolve, reject) => {
// 在这里可以正常访问this
resolve(this.someData);
});
}
}
```
在使用箭头函数定义类方法时,需要注意以下几点:
1. 箭头函数不能用作构造函数,因此不能使用`new`关键字创建类的实例。
2. 箭头函数没有自己的`arguments`对象,也不能使用`super`关键字来访问父类的方法。
3. 箭头函数不能改变自己的`this`值,即使使用`call`、`apply`或`bind`方法也不行。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341