使用文字符號在名稱空間中擴展對象

Question

我有一個頁面，其中包含許多元素，例如輸入和選擇框，這些元素需要分別添加控制其特定行為的功能。

我的代碼當前為：

var mpp_ui = {
    itemList : document.getElementById('mpp_itemlist')
};

mpp_ui.itemList.clear = function(){
    while(this.length > 0){
        this.remove(0);
    }
};

其中mpp_ui用作命名空間，其中包含需要mpp_ui.itemList分配功能的所有元素，而mpp_ui.itemList是HTML select元素。

如果有可能，我希望避免在每個函數語句中都鍵入mpp_ui。 我想聲明這樣的功能（部分偽代碼，因為我不太了解如何處理）：

var mpp_ui = {
    itemList : {
        DEFINE IT AS document.getElementById('mpp_itemlist').
        Then extend it with functions like so:
        clear : function(){
            while(this.length > 0){
                this.remove(0);
            }
        }
    }
}

或者，如果以上操作不可行：

var mpp_ui = {
    itemList : document.getElementById('mpp_itemlist'),
    itemList.clear : function(){
        while(this.length > 0){
            this.remove(0);
        }
    }
}

最后的代碼是我嘗試的第一件事，但是它給了我SyntaxError: Unexpected token . 在定義itemList.clear的行上。

Answer 1

在挖掘了很多選項之后，最接近所需格式的方法是在名稱空間中聲明元素，然后使用所需函數擴展它們，為此我使用了underscore.js 。 結果：

mpp_ui = {
    itemList : document.getElementById('mpp_itemlist')
};
_(mpp_ui.itemList).extend({
    clear : function(){
        while(this.length > 0){
            this.remove(0);
        }
    }
});