爲什麼創建這個javascript對象文字時我不能使用'this'？

Question

的HTML：

<div id="slide"> 
    <div>This is one</div> 
    <div>This is two</div> 
    <div>This is three</div> 
</div> 

的JavaScript：

var slider = { 
    div: document.getElementById("slide"), 
    divs: this.div.getElementsByTagName("div") 
}; 

alert(slider.divs.length); 

的jsfiddle：http://jsfiddle.net/CAzN8/

當我運行此目的，Chrome說this.div是不確定的。這裏有什麼問題？

[更新]我發現，如果我的代碼更改爲：

var tmp = document.getElementById("slide"); 
var slider = { 
    div: tmp, 
    divs: tmp.getElementsByTagName("div") 
}; 

它的工作原理。但爲什麼第一個案件不能運作？

Answer 1

什麼this是，動態的方法測定被調用，而不是詞彙的代碼塊駐留在

在JSON對象體內簡單使用this並不意味着它指的是正在構建的對象。它幾乎肯定是指全球窗口對象。

如果你希望能夠使用this你想要一個構造函數：

function Slider(id,tagName){ 
    this.div = document.getElementById(id); 
    this.divs = this.div.getElementsByTagName(tagName); 
} 

s = new Slider('slide','div') 

Answer 2

你不能使用它的原因是因爲JSON對象還沒有被實際初始化。這是我會怎麼做你想要做什麼：

var slider = { 
    my_div: document.getElementById("slide"); 
}; 

slider.my_divs = slider.my_div.getElementsByTagName("div"); 
alert(slider.my_divs.length); 

或

​​

Answer 3

由於對象實際上並沒有尚未實例化。這將工作，雖然：

var slider = { 
    div: document.getElementById("slide"), 
    divs: document.getElementById("slide").getElementsByTagName("div") 
}; 

或

var slider = {}; 
slider.div = document.getElementById("slide"); 
slider.divs = slider.div.getElementsByTagName("div"); 

Answer 4

您的代碼不工作的原因，創建對象字面（什麼是括號內）時，對象還不存在，所以this是未定義。

這就像想你可能是你自己的父親，你不存在你創作的時刻。