[英]how to call outer class function from inner function in Javascript?
class Outer{
private outFunction(){
console.log("Okay!");
}
public functionWeCall(){
function innerFunction(){
this.outFunction(); //That doesn't work
}
}
}
我试图将代码拆分为函数,以提高可读性。 但这不起作用,如何从内部函数调用外部类函数?
这是一个范围问题。 当你到达functionWeCall()
, this
开始引用那个函数而不是类,因此outFunction()
在this
上不存在。 典型的解决方法可能如下所示:
class Outer {
private outFunction() {
console.log("Okay!");
}
public functionWeCall() {
let _this = this;
function innerFunction() {
_this.outFunction();
}
}
}
...但我宁愿建议重新处理整个事情,这样你就没有这样的嵌套函数。
编辑:正如@Aluan Haddad 所建议的,这是同样的事情,但有一个箭头函数:
class Outer {
private outFunction() {
console.log("Okay!");
}
public functionWeCall() {
() => {
this.outFunction();
}
}
}
...如果您希望内部函数仍然可调用,请将其分配给一个变量:
class Outer {
private outFunction() {
console.log("Okay!");
}
public functionWeCall() {
let innerFunction = () => {
this.outFunction();
}
innerFunction(); // this could be anywhere in the scope of functionWeCall()
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.