Details zum Prototypmodus des Javascript-Entwurfsmusters

Funktion Person(Name) {
  dieser.name = Name;

  diese.config = {
    a: "1",
    b: "2",
  };

  dies.hallo = Funktion () {
    console.info("hallo");
  };
}

const konfiguration = {
  a: "1",
  b: "2",
};
const hallo = Funktion () {
  console.info("hallo");
};
Funktion Person(Name) {
  dieser.name = Name;

  diese.config = Konfiguration;

  this.hallo = hallo
}

Funktion Person() {}
var p = neue Person();

Funktion Person(Name) {
  dieser.name = Name;

  diese.config = {
    a: "1",
    b: "2",
  };

  dies.hallo = Funktion () {
    console.info("hallo");
  };
}

//Diese Methode schreibt den Prototyp neu, wodurch der Konstruktor verloren geht und zu Object() wird.
//Sie können Person.prototype.xx=yy verwenden, um Person.prototype.constructor=Person zu schreiben, oder es neu angeben
Person.Prototyp = {
  Version: 1.0,
  sagen wir: Funktion (Argument) {
    console.info(`${this.name} sagt ${arg}`);
  },
  Konstrukteur: Person,
};
var p1 = neue Person("p1");
var p2 = neue Person("p2");

console.info(p1.config == p2.config); //false
console.info(p1.hallo == p2.hallo); //falsch
konsole.info(p1.say === p2.say); //wahr
p1.sagen("qq");
p2.sagen("qq");
konsole.info(p1.version === p2.version); //wahr
konsole.info(p1.version);

Funktion Person(Name) {
  dieser.name = Name;

  diese.config = {
    a: "1",
    b: "2",
  };

  dies.hallo = funktion () {
    console.info("hallo");
  };
}

//Diese Methode schreibt den Prototyp neu, wodurch der Konstruktor verloren geht und zu Object() wird
Person.Prototyp = {
  Version: 1.0,
  sagen wir: Funktion (Argument) {
    console.info(`${this.name} sagt ${arg}`);
  },
};

Funktion PersonA(Name) {
  Person.call(dieser, Name);
}
PersonA.prototype = Person.prototype;

Funktion PersonB(Name) {
  Person.call(dieser, Name);
}
PersonB.prototype = Person.prototype;
var pA = neue PersonA("pa");
var pB = neue PersonB("pb");

console.info(pA.config == pB.config); //falscher interner Eigenschaftsvergleich console.info(pA.hello == pB.hello); //falscher interner Eigenschaftsvergleich console.info(pA.say === pB.say); //true gemeinsame Nutzung von Prototypmethoden pA.say("qq");
pB.say("qq");
console.info(pA.version === pB.version); //echte gemeinsame Nutzung von Prototyp-Eigenschaften console.info(pA.version); //1.0
Person.prototype.version = 2.0; //Gemeinsame Eigenschaften des Prototyps ändern console.info(pB.version); //2.0
konsole.info(neue Person().version); //2.0

//Ändern Sie die Methode zum Teilen des Prototyps PersonB.prototype.say = function (arg) {
  console.info(`v2--- ${this.name} sagt ${arg}`);
};
pB.say("qq");
neue Person("Person").sagen("ww");

const ModulA = {
  sagen Sie: Funktion (Nachricht) {
    console.info("A sagen " + msg);
  },

  letBrun: Funktion () {
    //Direkt auf Modul B verweisen
    moduleB.run();
  },
};

const ModulB = {
  ausführen: Funktion () {
    console.info("B ausführen ");
  },

  letAsay: Funktion () {
    //Direkt auf ModulA verweisen
    moduleA.say("hallo");
  },
};

moduleA.letBrun(); //B Ausführen
moduleB.letAsay(); //A sag Hallo

const ModulA = {
  sagen Sie: Funktion (Nachricht) {
    console.info("A sagen " + msg);
  },
};

const ModulB = {
  ausführen: Funktion () {
    console.info("B ausführen ");
  },
};

const übergeordnetesModul = {
  ModulA,
  Modul B,

  letBrun: Funktion () {
    dies.moduleB.run();
  },

  letAsay: Funktion () {
    dies.moduleA.say("hallo");
  },
};

parentModule.letBrun(); //B Ausführen
parentModule.letAsay(); //A sag Hallo

Funktion Emitter() {
  diese.ereignisse = {};
  this.res_oldAction = {}
  diese.res_action_events = {}
}

//Ressourcen abonnierenEmitter.prototype.subscribe = function (res, action, fn) {
  wenn(!this.res_oldAction[res.name]){
 this.res_oldAction[res.name] = res[Aktion]
 res[Aktion] = (Daten) => {
      this.res_oldAction[res.name](Daten)
   const fns = this.res_action_events[res.name].action;
      für (lass i = 0; i < fns.Länge; i++) {
        fns[i](Daten);
      }
    }
  }
  
  wenn(!this.res_action_events[res.name]){
 this.res_action_events[res.name] = {}
  }
  
  wenn(!this.res_action_events[res.name][Aktion]){
 this.res_action_events[res.name][Aktion] = []
  }
  
  dies.res_action_events[res.name].action.push(fn)
}

//Abonnement kündigen resourcesEmitter.prototype.unsubscribe = function (res, action, fn) {
  const fns = this.res_action_events[res.name].action;
  für (lass i = 0; i < fns.Länge; i++) {
 wenn (fns[i] === fn) {
   fns.splice(i, 1);
   ich--;
 }
  }
}

Emitter.prototype.on = Funktion (Name, fn) {
  wenn (!this.events[name]) {
    diese.events[name] = [];
  }

  dies.events[name].push(fn);
};

Emitter.prototype.remove = Funktion (Name, fn) {
  wenn (!this.events[name]) {
    zurückkehren;
  }

  const fns = diese.events[name];

  für (lass i = 0; i < fns.Länge; i++) {
    wenn (fns[i] === fn) {
      fns.splice(i, 1);
      ich--;
    }
  }
};

Emitter.prototype.fire = Funktion (Name, Daten) {
  wenn (!this.events[name]) {
    zurückkehren;
  }

  const fns = diese.Ereignisse[Name];

  für (lass i = 0; i < fns.Länge; i++) {
    fns[i](Daten);
  }
};

const emitter = neuer Emitter();

//Ereignisse in Modul A registrieren const methodA = (data) => {
  console.info("Modul A hat eine Essensnachricht erhalten:");
  konsole.info(Daten);
};

emitter.on("Essen", MethodeA);

//Ereignisse in Modul B registrieren const methodB = (data) => {
  console.info("Modul B empfängt Lebensmittelnachricht:");
  konsole.info(Daten);
};
emitter.on("Essen", MethodeB);

//Ereignis in Modul C auslösen emitter.fire("food", "Rice is coming");

//Ereignis aus Modul B entfernen emitter.remove("food", methodB);

//Löse das Ereignis in Modul C erneut aus. emitter.fire("food", "Rice is here again");