pase de parámetros a la función de cierre en javascript

Question

MyLibrary.MyModule = 
     (
      function initialise() { 
       this.id = id; 
       this.c = document.getElementById(id); 
       this.ctx = this.c.getContext('2d'); 

       this.properties = { 
        setup: { 
         backgroundColour: options.setup.backgroundColour || 'black' 
        }, 

        scale: { 
         show: options.scale.show || true, 
         colour: options.scale.color || 'white' 
        }, 
       } 
       console.log(properties.setup.baseFontSize); 
      } 
     )(id, options); 

Voy a llamar a este código usando

new MyLibrary.MyModule('c',options); 

pero el 'id' y las opciones parece no estar definido.
alguien puede ayudar?

Answer 1

Su MyLibrary.MyModule en sí es undefined. Esto se debe a que está invocando una función anónima sin valor de retorno para asignarle.

Asumo que significan para hacer esto en su lugar:

MyLibrary.MyModule = function initialise(id, options) { 
      this.id = id; 
      this.c = document.getElementById(id); 
      this.ctx = this.c.getContext('2d'); 

      this.properties = { 
       setup: { 
        backgroundColour: options.setup.backgroundColour || 'black' 
       }, 

       scale: { 
        show: options.scale.show || true, 
        colour: options.scale.color || 'white' 
       }, 
      } 
      console.log(properties.setup.baseFontSize); 
     }; 

Ahora usted puede hacer:

var inst = new MyLibrary.MyModule('c',options); 

... y el 'c' y options serán recibidos como argumentos para el constructor.

Si su propósito para la expresión de la función invocada inmediatamente era cerrar alrededor de algún valor por defecto que el constructor podría hacer referencia, a continuación, el IIFE tendría que retorno una función que hace referencia a ese valor.

Answer 2

Como está escrito, no creo que vaya a hacer algo como lo que quiere. Estás inicializando "MyLibrary.MyModule" para que sea básicamente nada; no hay valor de retorno de esa función de "inicialización", y la está llamando como si tuviera una.

no puedo decir lo que estamos tratando de hacer, pero:

MyLibrary.MyModule = (function whatever() { /* ... */ })(id, options); 

medios, "llamar a la función lo con una lista de argumentos que consiste en los valores de la variable 'id' y variables "opciones", y luego establecer la propiedad "MyModule" en el objeto al que hace referencia "MyLibrary" con el valor que devuelve esa llamada de función. "

Cuando el humo desaparece, "MyLibrary.MyModule" no será una función, por lo que yo sé. Quizás si explicas lo que quieres que signifique, entonces alguien puede ayudar a solucionarlo.

Answer 3

quieres algo como esto:

MyLibrary.MyModule = function(id, options) { 
    this.id = id; 
    this.c = document.getElementById(id); 
    this.ctx = this.c.getContext('2d'); 

    this.properties = { 
     setup: { 
      backgroundColour: options.setup.backgroundColour || 'black' 
     }, 

     scale: { 
      show: options.scale.show || true, 
      colour: options.scale.color || 'white' 
     }, 
    } 
};