是否可以在同一個對象內引用對象？

Question

我一直在搞亂jQuery插件代碼，我試圖把所有的公共變​​量放到一個單一的對象中，以方便訪問。我已經在下面列出了幾個關於我如何完成這個任務的例子，但我想知道其他人如何處理這個問題。

可以說我有這個

var x = function(options){ 
var defaults = { 
    ulist : $('ul#list'), 
    listLen : $('ul#list').children().length 
} 
$.extend(options, defaults); 
// do other stuff 
} 

我試圖做的是使用ulist對象爲基地，然後找到我想我可以做li的

數量這樣的：

var x = function(options){ 
var defaults = { 
    ulist : $('ul#list'), 
    listLen : 0 
} 
defaults.listLen = defaults.ulist.children().length; 
$.extend(options, defaults); 
// do other stuff 
} 

或本：

var x = function(options){ 
var defaults = { 
    ulist : $('ul#list') 
}; 
var defaults2 = { 
    listLen : defaults.ulist.children().length 
} 
$.extend(defaults, defaults2); 
$.extend(options, defaults); 
// do other stuff 
} 

上面的代碼示例只是放在一起，只是意味着將想法傳達給您。無論如何，有沒有更好的方法來做到這一點？

Answer 1

我要說的這個版本，您張貼，但無需初始化listLen到0。

var x = function(options){ 
var defaults = { 
    ulist : $('ul#list'), 
    listLen : 0 // Remove this line 
} 
defaults.listLen = defaults.ulist.children().length; 
$.extend(options, defaults); 
// do other stuff 
} 

---

編輯：

你的第二個解決方案將工作過，但沒有必要做兩次調用$.extend()。它可以接受多個對象。

$.extend(options, defaults, defaults2); 

你的第一個解決方案似乎仍然較好。

---

編輯：

（如指出，你可以使用函數雖然我還是會分配defaults對象的初始化以外的功能，讓您可以添加函數調用運算符。 ()末，並調用它像一個屬性。

var x = function(options){ 
    var defaults = { 
     ulist: $('ul#list') 
    } 

    defaults.listLen = function() {return defaults.ulist.children().length}(); 
} 

現在您可以訪問defaults.listLen像一個屬性並獲得函數調用的結果，有點像調用.length在jQuery對象上。

Answer 2

Mike Alsup的jQuery插件開發模式已經有幾年了，但已經老化，並且仍然是插件開發的一個很好的起點。

http://www.learningjquery.com/2007/10/a-plugin-development-pattern