when I want to access fullname within the greet method, I get : TypeError: this.getFullName is not a function , how can I fix this ? thanks in advance

Question

let greetings = {
    fullName : "elham zeinodini",
    getFullName : () => {
        return this.fullName;
    },
    Greet : message => console.log(`${message} ${this.getFullName()} !!`)
}



console.log(greetings.fullName);

greetings.Greet("Hello");

Answer 1

从字面上看，上下文 this 上的属性 getFullName 不是函数。您正在尝试调用不是函数的东西。

这是为什么？因为你不能像使用箭头函数那样使用 this 来引用周围的对象。根据您的环境，它可能指的是 window 对象（在浏览器中）。 window 对象没有名为 getFullName 的函数。因此属性的计算结果为 undefined。这不是一个函数，因此是错误的。

改用“常规”函数声明。 getFullName: function() {...}

Answer 2

let greetings = {
    fullName : "elham zeinodini",
    getFullName() {
        return this.fullName;
    },
    Greet(message) {
      console.log(`${message} ${this.getFullName()} !!`)
    }
}
console.log(greetings.fullName);
greetings.Greet("Hello");

Answer 3

问题在于您的箭头函数，它不允许您捕获 this 上下文。

改写如下：

let greetings = {
    fullName : "elham zeinodini",
    getFullName() {
        return this.fullName;
    },
    Greet(message){ 
        console.log(`${message} ${this.getFullName()} !!`)
    }
}



console.log(greetings.fullName);

greetings.Greet("Hello");

when I want to access fullname within the greet method, I get : TypeError: this.getFullName is not a function , how can I fix this ? thanks in advance

when I want to access fullname within the greet method, I get : TypeError: this.getFullName is not a function , how can I fix this ? thanks in advance

javascript

object

this

object-literal