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

Extending a function in another .js file

本文关键字：扩展 函数 文件 另一个 js      更新时间：2023-09-26

我在一个我无法触摸的文件中有一些 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

我该如何格式化它？

谢谢

实际上，修改原始函数非常容易。 糟糕的选择是简单地覆盖它，但更好的选择是扩展MainViewFileView的原型。

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

你不能修改原始函数（除非用新函数替换它），但你可以做的是围绕它创建一个包装函数。像这样：

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

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

相关文章：