用AMD定义的Javascript模块如何扩展？

Question

首先，我们有一个引擎，该引擎由许多javascript文件组成，这些文件实质上是模块。 尽管在指定的命名空间下，这些模块返回分配给全局范围的单个类。

该引擎本身用于显示电子教学内容，每门不同的电子教学课程都需要稍有不同的需求，在该课程中，我们根据必要的功能将javascript文件包含到页面中。 （只有一个进入页面）。

我一直在尝试权衡是否值得将其更改为AMD，require.js和r.js，或者最好还是保留我们当前的系统，该系统包括页面上所需的所有内容并将其最小化为一个脚本。

我选择AMD时遇到的最大问题之一是，似乎很难轻松地扩展课程。 例如，有时我们必须稍微调整原始类的行为。 因此，我们在页面上添加了另一个脚本，该脚本通过复制原始原型来扩展原始类，执行被apply覆盖的原始函数，然后执行所需的其他代码。

是否可以在不修改原始文件的情况下扩展AMD模块？ 还是我错过了重点，我们最好还是坚持目前的做法？

Answer 1

我最近使用RequireJS开始了一个项目，而我用来扩展下划线的方法归结为这样的事情：

相关目录结构：

• /脚本
• /scripts/underscore.js
• /scripts/base/underscore.js

真正的下划线库转到/scripts/base/underscore.js。

我的扩展名在/scripts/underscore.js中 。

/scripts/underscore.js中的代码如下所示：

define(['./base/underscore'], function (_) {
    'use strict';

    var exports = {};

    // add new underscore methods to exports

    _.mixin(exports); // underscore's method for adding methods to itself

    return _; // return the same object as returned from the underscore module
});

对于普通扩展，它可能看起来像这样：

define(['underscore', './base/SomeClass'], function (_, SomeClass) {
    'use strict';

    _.extend(SomeClass.prototype, {
        someMethod: function (someValue) {
            return this.somethingOrOther(someValue * 5);
        }
    });

    return SomeClass;
});

关于下划线的说明：在其他地方，我使用RequireJS shim-config来获得下划线作为AMD模块加载，但是对于非匀速的AMD模块，此过程应该没有影响。

Answer 2

您可以具有包含构造函数的模块。 当这些模块包括在内时，就可以使用了。 然后您就可以用它们创建对象。

要求中的示例：

//construction.js
define(function(){

    //expose a constructor function
    return function(){
        this....
    }
});

//then in foo.js
define([construction],function(Construction){
    var newObj = new Construction;  //one object using constructor
});

//then in bar.js
define([construction],function(Construction){

    //play with Construction's prototype here then use it

    var newObj = new Construction;
});