¿Cómo se puede ampliar un módulo Javascript definido con AMD?

Question

Primero un poco de historia, tenemos un motor que se compone de muchos archivos javascript que son esencialmente módulos. Estos módulos devuelven una clase única que está asignada al ámbito global, aunque bajo un espacio de nombre especificado.

El motor en sí se utiliza para mostrar el contenido de eLearning, con cada curso de eLearning diferente que requiere necesidades ligeramente diferentes, que es donde incluimos los archivos de JavaScript en la página en función de la funcionalidad necesaria. (Solo hay una página de entrada).

He estado tratando de sopesar si vale la pena cambiar a AMD, require.js y r.js o si es mejor quedarse con nuestro sistema actual que incluye todo lo requerido en la página y lo minimiza en una secuencia de comandos.

Uno de mis mayores problemas con ir a AMD sería que parece ser más difícil extender una clase fácilmente. Por ejemplo, a veces tenemos que ajustar ligeramente el comportamiento de la clase original. Así que agregamos otro script para incluir en la página que amplíe la clase original copiando el prototipo original, ejecute la función original que se reemplaza con apply y luego haga el código adicional requerido.

¿Se puede ampliar un módulo AMD sin adaptar el archivo original? ¿O me estoy perdiendo el punto y nos quedamos mejor con lo que estamos haciendo en este momento?

Answer 1

Recientemente he comenzado un proyecto utilizando RequireJS, y el método que utilizo para extender subrayado reduce a algo como esto:

relevante estructura de directorios:

• /scripts
• /scripts/underscore.js
• /scripts/base/underscore.js

La biblioteca subrayado reales va a /scripts/base/underscore.js.

Mis extensiones van en /scripts/underscore.js.

El código en /scripts/underscore.js se ve así:

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 
}); 

Para una extensión normal, podría parecerse más a esto:

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

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

    return SomeClass; 
}); 

Nota sobre subrayado: En otra Utilicé el RequireJS shim-config para que el guión bajo se cargara como un módulo AMD, pero eso no debería tener ningún efecto en este proceso con los módulos AMD no atenuados.

Answer 2

Puede tener módulos que contengan sus funciones de constructor. cuando se incluyen estos módulos, están listos para su uso. luego puedes crear objetos a partir de ellos luego.

ejemplo requiere:

//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; 
});