关于“这个”的问题在 JavaScript 中

Question

这可能是一个新手问题。我使用 javascript 已有多年，但才开始“认真”对待它。我有一个关于“this”的问题

var defaults = {
    baseId : 'item_',
    baseName : this.baseId
}

console.log('defaults',defaults);

不确定为什么 defaults.baseName 是“未定义” 如何引用大括号中的内容？有可能吗，还是我真的必须输入“item_”两次？

Answer 1

简单的答案是你无法做你想做的事。在对象字面量的解析/解释/评估（无论您想如何考虑）期间，它不存在，因此不能以任何方式引用它。

Answer 2

JavaScript 对象字面量是一种语法糖，因此它不起作用。

this; // at point A
var defaults = {
    baseId : 'item_',
    baseName : this.baseId
}

翻译为

this; // point A
var defaults = new Object();
defaults.baseId = 'item_';
defaults.baseName = this.baseId; // "this" here is same as "this" at point A

您可以使用 getter 和 setter。

{
   baseId: 'item_',
   get baseName() { return this.baseId; },
   set baseName(x) { this.baseId = x }
}

Answer 3

你可以这样做：

var defaults = {};
defaults.baseId = defaults.baseName = 'item_';

Answer 4

您可以使用 function 来代替，创建 class 的等效项：

function defaults() {
   this.baseId = 'item_';
   this.baseName = this.baseId;
}

现在 this 将具有正确的上下文。

另一种选择是使用您的原始代码，将 baseName 设为一个函数：

var defaults = {
    baseId : 'item_',
    baseName : function() { return  this.baseId; }
};

感谢 Šime Vidas 的更正！