在另一个.js文件中扩展函数

时间:2013-10-23 22:37:50

标签: javascript extend

我在一个文件中有一些js代码我无法触摸,因为如果我这样做,我正在打破核心脚本的未来更新......

!function($, mollify) {
mollify.view.MainViewFileView = function() {
    var that = this;
    this._currentFolder = false;
    this._currentFolderInfo = false;
    this._viewStyle = 0;
    this._selected = [];
    this._customFolderTypes = {};
    this._formatters = {
        byteSize : new mollify.ui.formatters.ByteSize(new mollify.ui.formatters.Number(2, false, mollify.ui.texts.get('decimalSeparator'))),
        timestamp : new mollify.ui.formatters.Timestamp(mollify.ui.texts.get('shortDateTimeFormat')),
        uploadSpeed : new mollify.ui.formatters.Number(1, mollify.ui.texts.get('dataRateKbps'), mollify.ui.texts.get('decimalSeparator'))
    };

    this._filelist = {
        columns : [],
        addColumn : function(c) {
            that._filelist.columns[c.id] = c;
        }
    };

    // spec
    this._filelist.addColumn({
        "id": "name",
        "title-key": "fileListColumnTitleName",
        "sort": function(i1, i2, sort, data) {
            return i1.name.toLowerCase().localeCompare(i2.name.toLowerCase()) * sort;
        },
        "content": function(item, data) {
            return item.name;
        }
    });...

现在在另一个.js中,而不是我在第一个之后加载我想用另一个“列”扩展第一个文件,例如

????
// column 2
this._filelist.addColumn({
        "id": "newcolumn",
        "title-key": ... etc

我怎么格式化?

由于

2 个答案:

答案 0 :(得分:0)

您不能修改原始功能(不能用新功能替换它),但您可以做的是围绕它创建一个包装函数。类似的东西:

mollify.view.MainViewFileViewModified = function() {
    var obj = new mollify.view.MainViewFileView();
    obj._filelist.addColumn(/* etc */);
    return obj;
};

确保在包含原始函数的代码之后执行此代码。

答案 1 :(得分:0)

实际上修改原始功能非常容易。糟糕的选择是简单地覆盖它,但更好的方法是扩展MainViewFileView的原型。

mollify.view.MainViewFileView.prototype._filelist.addColumn = function({
    "id": "newcolumn",
    "title-key": ... etc