javascript - 在同一个对象中重用属性值作为变量

Question

如果我的词汇在问题中产生误导，我很抱歉，但本质上我想使用一个变量作为一个 javascript 对象中属性的值。例如:

var fruits = {
    banana: 'yellow',
    apple: 'red',
    jazz_apple: apple
}

如果我定义一个函数并调用this，我可以毫无问题地访问该值，即

var fruits = {
    banana: 'yellow',
    apple: 'red',
    jazz_apple: function() {
        return this.apple //fruits.jazz_apple() returns 'red'
    }
}

但是我不想定义一个函数来获取这个值。有没有一种方法可以在对象内的新属性 fruits.jazz_apple 上重用先前为 fruits.apple 声明的颜色('red')而无需函数？

Answer 1

您需要使用函数来访问 this(又名上下文)。我建议创建一个水果函数。您还可以将 fruits 函数视为一个类，因为类是 Javascript 中的函数。

function fruits() {
    this.banana = 'yellow';
    this.apple = 'red';
    this.jazz_apple = this.apple;
}

var myFruits = new fruits();
myFruits.jazz_apple;

如果您不想创建 fruits 类，您也可以使用对象范围内的变量。

function () {
    var apple = 'red',
        fruits = {
            banana: 'yellow',
            apple: apple,
            jazz_apple: apple
        };
}