JavaScript对象问题：使用对象名称获取对象的属性值[重复]

Question

我想问一个关于对象的 javascript 属性的问题。 在下面的代码中，我有一个 javascript 对象。我想在函数“testFunction”中使用属性“testName”。我发现“this.testName”在 javascript 对象中不起作用，但如果我执行“TestObject.testName”之类的操作，它可以正常工作。所以一般来说，在对象的函数中获取像“TestObject.testName”这样的属性值是错误的吗？

const TestObject= {
    testName:"testValue",
    testFunction: ()=>{
        var result = TestObject.testName+ "result"; 
        return result ;
    }
} ```

Answer 1

所以一般来说，在对象的函数中获取“TestObject.testName”等属性的值是错误的吗？

不适用于像这样的单例对象，不，这完全没问题（您使用了const，因此没有人可以将TestObject 重新分配为其他对象）。也就是说，它不起作用的原因是您使用了箭头函数，而不是传统的函数或方法。如果您使用传统函数或方法，this 可以正常工作（但请继续阅读）：

// Traditional function
const TestObject1 = {
    testName:"testValue",
    testFunction: function() {
        var result = this.testName+ "result"; 
        return result ;
    }
};

console.log(TestObject1.testFunction());

// Method
const TestObject2 = {
    testName:"testValue",
    testFunction() {
        var result = this.testName+ "result"; 
        return result ;
    }
};

console.log(TestObject2.testFunction());

我说“它可以正常工作”，但只有在调用 testFunction 时 this 设置为 TestObject 时才会这样。可能会调用testFunction，这样this 将无法正确设置，有关这些情况以及如何处理它们的详细信息，请参阅How to access the correct this inside a callback? 的答案。

Answer 2

使用this.testName 而不是TestObject.testName

您可以在此处阅读有关this 的更多信息： https://www.w3schools.com/js/js_this.asp

@编辑

抱歉，我没有注意到您使用了箭头功能。尝试改用常规函数。箭头函数正在改变 this 关键字的工作方式

const TestObject= {
    testName:"testValue",
    testFunction: function(){
        var result = this.testName+ "result"; 
        return result ;
    }
}

您可以在此处找到有关它的更多信息： Arrow Functions and This