Comment accéder prototype d'objet en javascript?

Dans tous les articles, il est écrit que le JavaScript est un langage basé sur des prototypes, ce qui signifie que chaque objet a un prototype (ou, plus précisément, la chaîne de prototype).

Jusqu'à présent, j'ai essayé l'extrait de code suivant:

var F = function();
F.prototype.member1 = 1;
var object1 = new F();
console.log(object1.member1); //prints 1

Comment puis-je accéder à l'objet prototype de object1? Est-il un navigateur neutre façon de le faire (je veux dire, en ne s'appuyant pas sur __proto__ propriété? Vu cette lien, mais peut-être qu'il y a de nouveaux développements depuis 2010) Si je ne peux pas, pourriez-vous partager, n'hésitez pas à la logique derrière le capot?

  • l'objet1.constructeur.prototype
InformationsquelleAutor BreakPhreak | 2011-10-05
  1. 107
    var f = function();
var instance = new f();

    Si vous connaissez le nom de instance fonction de classe, vous pouvez simplement accéder prototype que:

    var prototype = f.prototype;
prototype.someMember = someValue;

    Si vous n'avez pas:

    1)

    var prototype = Object.getPrototypeOf(instance);
prototype.someMember = someValue;

    2) ou

    var prototype = instance.__proto__;
prototype.someMember = someValue;

    3) ou

    var prototype = instance.constructor.prototype; //works only if constructor is properly assigned and not modified
prototype.someMember = someValue;

    Pour la compatibilité, vous pouvez le placer dans votre code le fragment de code suivant (et d'utiliser toujours Object.getPrototypeOf(instance) de retour prototype):

    if(!Object.getPrototypeOf) {

  if(({}).__proto__ === Object.prototype && ([]).__proto__ === Array.prototype) {

    Object.getPrototypeOf = function getPrototypeOf(object) {
      return object.__proto__;
    };

  } else {

    Object.getPrototypeOf = function getPrototypeOf(object) {

      //May break if the constructor has been changed or removed
      return object.constructor ? object.constructor.prototype : void 0;

    };

  }
}

    Mise à JOUR:

    Selon l'ECMA-262, 6e Édition (juin 2015) __proto__ propriété est normalisé comme fonctionnalité supplémentaire pour les navigateurs Web. Toutes les dernières éditions des meilleurs navigateurs supporte maintenant. Lire plus à propos de __proto__:

    • avec un seul commentaire cependant: __proto__ ne fonctionne pas dans tous les navigateurs
    • Non seulement __proto__ mais l'ensemble des trois méthodes ci-dessus ne fonctionne pas dans tous les navigateurs. Mais la compatibilité de code est basé sur l'ensemble de ces méthodes. De plus, pour les cinq principaux navigateurs (IE,FF,Chrome,Safari,Opera) toutes les dernières éditions des navigateurs disposent d'un soutien pour Object.getPrototypeOf(), et la compatibilité du code des besoins que pour IE8 et plus.
    InformationsquelleAutor Andrew D.
  2. 6

    Il ressemble 

    Object.getPrototypeOf(passedObject);

    va travailler pour cela, et est compatible avec les navigateurs modernes.

    Voici les tableaux de compatibilité sur MDN

    InformationsquelleAutor HelloWorld
  3. 5
    var F = function(){};
var object1 = new F();
alert(object1.constructor === F);
alert(object1.constructor.prototype === F.prototype);
    • Notez que, parfois, il ne fonctionne pas. Par exemple a = Function.prototype;.constructeur.prototype sera égal à un. Mais, évidemment, prototype de l'un est différent. Vous pouvez confirmer que le prototype d'un Objet.prototype en cochant une.__proto__ qui est le meilleur moyen de vérifier le prototype.
    InformationsquelleAutor
  4. 1
    var F = function();
F.prototype.member1 = 1;
F.prototype.getClass = F;

var object1 = new F();
object1.member1 = 2;

console.log(object1.getClass.prototype.member1); //prints 1
console.log(object1.member1); //prints 2
    InformationsquelleAutor r3mark
  5. -1
    var F = function();
F.prototype.member1 = 1;
var intance = new F();
console.log(instance['member1']);
    • Code seulement les réponses sont découragés. S'il vous plaît ajouter quelques explications sur la façon dont cela résout le problème, ou comment elle diffère de la les réponses existantes. Revue
    InformationsquelleAutor Kado