一起加入同一个对象（未捕获的ReferenceError）内的两个字符串属性

Question

比方说，我有这样的：

var test = { 
 
    hello: "one", 
 
    world: "two", 
 
    all: hello + world 
 
} 
 

 
$('h1').text("Test > all: " + test.all);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1></h1> 
 
<h2>Test</h2>

为什么会当它明显高于定义了以下错误？

Uncaught ReferenceError: hello is not defined

我试过添加this但没有运气。

Answer 1

您的错误是因为您尝试从未定义的变量中设置“全部”。使用你尝试做一个getter：

var test = { 
    hello: "one", 
    world: "two", 
    get all() { return this.hello + this.world; } 
} 

$('h1').text("Test > all: " + test.all); 

Answer 2

这是因为对象并不在点尚不存在，通话双方hello和world设置all属性。如果您需要此行为，使得它执行定义all为函数的对象已经被定义后：

var test = { 
 
    hello: "one", 
 
    world: "two", 
 
    all: function() { 
 
     return this.hello + this.world 
 
    } 
 
} 
 

 
$('h1').text("Test > all: " + test.all());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1></h1> 
 
<h2>Test</h2>

Answer 3

你也可以做的两个步骤：

var test = { 
    hello: "one", 
    world: "two" 
} 

test.all = test.hello + test.world;