Object.create()

const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); }, }; const me = Object.create(person); me.name = "Matthew"; // "name" is a property set on "me", but not on "person" me.isHuman = true; // Inherited properties can be overwritten me.printIntroduction(); // Expected output: "My name is Matthew. Am I human? true"

Object.create(proto); Object.create(proto, objetPropriétés);

// Forme, la classe parente function Forme() { this.x = 0; this.y = 0; } // Méthode de la classe parente Forme.prototype.déplacer = function (x, y) { this.x += x; this.y += y; console.info("Forme déplacée."); }; // Rectangle - classe fille function Rectangle() { // on appelle le constructeur parent Forme.call(this); } // La classe fille surcharge la classe parente Rectangle.prototype = Object.create(Forme.prototype); // Si on ne définit pas le constructeur avec Rectangle, il récupèrera le constructeur // Forme (le parent). Rectangle.prototype.constructor = Rectangle; var rect = new Rectangle(); console.log("instance de Rectangle ? ", rect instanceof Rectangle); // true console.log("une instance de Forme ? ", rect instanceof Forme); // true rect.déplacer(1, 1); // Affiche 'Forme déplacée.'

function MaClasse() { ClasseParente1.call(this); ClasseParente2.call(this); } MaClasse.prototype = Object.create(ClasseParente1.prototype); // héritage d'une classe Object.assign(MaClasse.prototype, ClasseParente2.prototype); // mixin pour une autre MaClasse.prototype.constructor = MaClasse; // On réaffecte le constructeur MaClasse.prototype.maMéthode = function () { // faire quelque chose };

var o; // on crée un objet avec null // comme prototype o = Object.create(null); o = {}; // est équivalent à : o = Object.create(Object.prototype); // Exemple où on crée un objet avec quelques propriétés // (On voit ici que le second paramètres fait correspondre les clés // avec des descripteurs de propriétés.) o = Object.create(Object.prototype, { // toto est une propriété de donnée toto: { writable: true, configurable: true, value: "hello" }, // truc est une propriété d'accesseur/mutateur truc: { configurable: false, get: function () { return 10; }, set: function (value) { console.log("Définir `o.truc` à", value); }, /* avec les accesseurs ES2015 on aura : get() { return 10; }, set(value) { console.log('Définir `o.truc` à', value); } */ }, }); function Constructeur() {} o = new Constructeur(); // est équivalent à : o = Object.create(Constructeur.prototype); // Bien entendu, si la fonction Constructeur // possède des instructions pour l'initialisation, // Object.create() ne pourra pas le reproduire // on crée un nouvel objet dont le prototype est // un nouvel objet vide et on y ajoute une propriété // 'p' qui vaut 42 o = Object.create({}, { p: { value: 42 } }); // par défaut, les propriétés ne sont PAS // écrivables, énumérables ou configurables o.p = 24; o.p; // 42 o.q = 12; for (var prop in o) { console.log(prop); } // 'q' delete o.p; // false // Pour définir une propriété selon ES3 o2 = Object.create( {}, { p: { value: 42, writable: true, enumerable: true, configurable: true, }, }, ); // Équivalent à // o2 = Object.create({p: 42});