對象創建

Question

在「本」方面，我正在嘗試做這樣的事情：

var test = { 
    a: 10, 
    b: 20, 
    c: (this.a+this.b) 
}; 

，但它不工作。我如何從test.c中訪問test.a？ 這可能嗎？

Answer 1

在指定對象文字的表達式中引用「this」是不可能的。或者做一個下面的行或使用這樣的構造：

function myobj(a,b) { 
    this.a = a; 
    this.b = b; 
    this.c = this.a + this.b; 
} 

var test = new myobj(10,20); 

響應於該方法是更快的，創建與所述對象的構造是更快。這是一個簡單的測試用例比較。 Run it yourself on JSBIN。

結果表明，對象創建使用構造VS對象文本幾乎是兩倍的速度：

0.450s：testObjectLiteral

0.506s：testObjectLiteralWithFunction

0.280s：testConstructor

下面是內聯的測試代碼：

// timer function 
function time(scope){ 
    time.scope = time.scope || {}; 
    if(time.scope[scope]) { 
    var duration = (new Date()).getTime()-time.scope[scope]; 
    time.scope[scope] = null; 
    var results = document.getElementById("results"); 
    results.innerHTML = results.innerHTML + '<p>'+(duration/1000).toFixed(3)+'s : '+scope+'</p>'; 
    } else { 
    time.scope[scope] = (new Date()).getTime(); 
    } 
} 

// object creation function with constructor 
function myobj(a,b) { 
    this.a = a; 
    this.b = b; 
    this.c = this.a + this.b; 
} 

function testConstructor(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    objs[i] = new myobj(i,i+1); 
    } 
    return objs; 
} 

function testObjectLiteralWithFunction(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    objs[i] = { 
     a: i, 
     b: i+1, 
     c: function() { 
     return this.a + this.b; 
     } 
    }; 
    } 
    return objs; 
} 


function testObjectLiteral(iterations) { 
    var objs = new Array(iterations); 
    for(i=0;i<iterations;i++) { 
    var item = { 
     a: i, 
     b: i+1 
    }; 
    item.c = item.a + item.b; 
    objs[i] = item; 
    } 
    return objs; 
} 

var ITERATIONS = 1000000; 
time("testObjectLiteral"); 
testObjectLiteral(ITERATIONS); 
time("testObjectLiteral"); 

time("testObjectLiteralWithFunction"); 
testObjectLiteralWithFunction(ITERATIONS); 
time("testObjectLiteralWithFunction"); 

time("testConstructor"); 
testConstructor(ITERATIONS); 
time("testConstructor"); 

Answer 2

在對象文字中不可能這樣做，因爲this不能用於引用尚未創建的對象。你最好的選擇是將c財產在單獨的步驟分配：

var test = { 
    a: 10, 
    b: 20 
}; 

test.c = test.a + test.b; 

Answer 3

聲明對象文字時，你根本就做不到這一點，你可以做的最接近的是：

var test = { 
    a: 10, 
    b: 20 
}; 
test.c = test.a + test.b; 

在你背景this是指你任何父上下文中，而不是test對象......即使它沒有，你不能聲明成員一樣，例如這也是無效：

var test = { a: 10, b: 20, test.c: test.a + test.b }; 

...因爲test,a和b尚未定義，因爲它是一個尚未完成的單個語句。

Answer 4

爲什麼不能使C的功能，以便它總是返回A + B的當前值？

var test = { 
    a: 5, 
    b: 1, 
    c: function() { 
     return this.a + this.b; 
    } 
}