当我想在 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");