JavaScript對象字面範圍

Question

可能重複：
How can a Javascript object refer to values in itself?

我有一些JS如下：

var Wrap = { 

    Inner : { 

     site_base : "http://site.com/", 
     marker_purple : site_base + "images/icon/marker-puple.png" 
    } 
} 

site_base是不確定的。 Wrap.Inner.site_base未定義。

如何在同一對象內訪問我的值？

Answer 1

您必須在不同的語句中執行此操作，因爲該對象尚不存在。

var Wrap = { 
    Inner:{ 
     site_base: "http://site.com/" 
    } 
}; 
Wrap.Inner.marker_purple = Wrap.Inner.site_base + "images/icon/marker-puple.png" 

Answer 2

的Immediately Invoked Function Expression內使用閉包：

var Wrap = (function(){ 
    var site_base = "http://site.com/" 
    return { 
     Inner: {marker_purple : site_base + "images/icon/marker-puple.png"} 
    }; 
}()); 

Answer 3

正如在其他的答案已經指出，你不能訪問對象的屬性，實際上是創建對象之前。因此你的代碼失敗了。

當使用ECMAScript 5和Object.create()功能，但是，你可以模仿你想使用get()功能這樣的行爲：

var Wrap ={ 
    Inner: Object.create(Object.prototype, { 

    site_base: { writable:true, configurable:true, value: "http://site.com/" }, 

    marker_purple: { 
     get: function() { return this.site_base + "images/icon/marker-puple.png" } 
    } 
    }) 
}; 

更多信息，請MDN找到，例如在瀏覽器支持

• Object.create()
• Object.defineProperty()

Answer 4

替代另一份聲明：

var Wrap = { // variable names starting with capital letters make me uncomfortable 
    Inner: function() { 
    var base = "http://site.com/"; 
    return { 
     site_base: base, 
     marker_purple: base + "images/icon/marker-purple.png" 
    }; 
    }() 
}; 

Answer 5

你的錯誤是由於這樣的事實：site_base是不確定的，所以創建對象失敗。

試試這個：

var site_base = "http://site.com/"; 

var Wrap = { 
    Inner : { 
     site_base : site_base, 
     marker_purple : site_base + "images/icon/marker-puple.png" 
    } 
} 

Answer 6

是否有效？

marker_purple : this.site_base + "images/icon/marker-puple.png" 

編輯：我可以測試它，它工作正常順便說一句。