2.4 KiB

Raw Blame History

id	title	challengeType	forumTopicId	dashedName
587d7db2367417b2b2512b8c	Usare una IIFE per creare un modulo	1	301332	use-an-iife-to-create-a-module

--description--

Un'espressione di funzione invocata immediatamente (IIFE) viene spesso usata per raggruppare le funzionalità correlate in un singolo oggetto o modulo. Per esempio, una sfida precedente ha definito due mixin:

function glideMixin(obj) {
  obj.glide = function() {
    console.log("Gliding on the water");
  };
}
function flyMixin(obj) {
  obj.fly = function() {
    console.log("Flying, wooosh!");
  };
}

Possiamo raggruppare questi mixin in un modulo come segue:

let motionModule = (function () {
  return {
    glideMixin: function(obj) {
      obj.glide = function() {
        console.log("Gliding on the water");
      };
    },
    flyMixin: function(obj) {
      obj.fly = function() {
        console.log("Flying, wooosh!");
      };
    }
  }
})();

Nota che hai un'espressione di funzione invocata immediatamente (IIFE) che restituisce un oggetto motionModule. L'oggetto restituito contiene tutti i comportamenti mixin come proprietà dell'oggetto. Il vantaggio del modello dei moduli è che tutti i comportamenti di movimento possono essere impacchettati in un singolo oggetto che può essere utilizzato da altre parti del codice. Ecco un esempio che lo utilizza:

motionModule.glideMixin(duck);
duck.glide();

--instructions--

Crea un modulo chiamato funModule che racchiuda i due mixin isCuteMixin e singMixin. funModule dovrebbe restituire un oggetto.

--hints--

funModule dovrebbe essere definito e dovrebbe restituire un oggetto.

assert(typeof funModule === 'object');

funModule.isCuteMixin dovrebbe accedere a una funzione.

assert(typeof funModule.isCuteMixin === 'function');

funModule.singMixin dovrebbe accedere a una funzione.

assert(typeof funModule.singMixin === 'function');

--seed--

--seed-contents--

let isCuteMixin = function(obj) {
  obj.isCute = function() {
    return true;
  };
};
let singMixin = function(obj) {
  obj.sing = function() {
    console.log("Singing to an awesome tune");
  };
};

--solutions--

const funModule = (function () {
  return {
    isCuteMixin: obj => {
      obj.isCute = () => true;
    },
    singMixin: obj => {
      obj.sing = () => console.log("Singing to an awesome tune");
    }
  };
})();

2.4 KiB Raw Blame History