如何解决当我想在 greet 方法中访问 fullname 时,我得到: TypeError: this.getFullName is not a function ,我该如何解决这个问题?提前致谢
let greetings = {
fullName : "elham zeinodini",getFullName : () => {
return this.fullName;
},Greet : message => console.log(`${message} ${this.getFullName()} !!`)
}
console.log(greetings.fullName);
greetings.Greet("Hello");
解决方法
从字面上看,这意味着上下文 getFullName
上的属性 this
不是函数。您正在尝试调用不是函数的东西。
这是为什么?因为您不能像使用箭头函数来引用周围的对象那样使用 this
。根据您的环境,它可能引用 window 对象(在浏览器中)。并且 window 对象没有名为 getFullName
的函数。因此该属性的计算结果为 undefined
。哪个不是函数,因此是错误。
改为使用“常规”函数声明。 getFullName: function() {...}
@Directive({
selector: '[appAdHost]'
})
export class AdHostDirective {
constructor(public viewContainerRef:ViewContainerRef) { }
}
问题在于您的箭头函数,它不允许您捕获 this
上下文。
改写如下:
let greetings = {
fullName : "elham zeinodini",getFullName() {
return this.fullName;
},Greet(message){
console.log(`${message} ${this.getFullName()} !!`)
}
}
console.log(greetings.fullName);
greetings.Greet("Hello");
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。