Explication détaillée de __proto__ et du prototype dans les connaissances javascript

Explication détaillée de __proto__ et du prototype dans les connaissances javascript_Basic

WBOY

Libérer： 2016-05-16 16:30:29

original

1280 Les gens l'ont consulté

__proto__ est le prototype interne, prototype est le prototype du constructeur (le constructeur est en fait une fonction)

Le prototype du constructeur est un objet

Alors, qu'est-ce qu'un constructeur ?
Si vous souhaitez créer un objet, vous devez d'abord avoir un constructeur d'objet, tout comme en PHP. Si vous souhaitez créer un objet, vous devez d'abord avoir une classe
. L'essence d'un constructeur est une fonction. La question suivante est : Comment créer un objet via ce constructeur ?
Réponse : nouveau

Le constructeur construit un objet.
1. Le __proto__ de tous les constructeurs/fonctions pointe vers Function.prototype, qui est une fonction vide (Fonction vide)

Copier le code Le code est le suivant :

Numéro.__proto__ === Fonction.prototype 

// vrai

Boolean.__proto__ === Function.prototype 

// vrai

String.__proto__ === Function.prototype 

// vrai

Objet.__proto__ === Fonction.prototype 

// vrai

Function.__proto__ === Function.prototype 

// vrai

Tableau.__proto__ ===

Fonction.prototype 

// vrai

RegExp.__proto__ === Function.prototype 

// vrai

Erreur.__proto__ ===

Fonction.prototype 

// vrai

Date.__proto__ ===

Fonction.prototype 

// vrai

explique que Number et ainsi de suite sont tous des constructeurs, et ces constructeurs sont en fait un objet de Function. En d’autres termes, cela équivaut à var Number = new Function();

Il existe un total de 12 constructeurs/objets intégrés en JavaScript (JSON est nouvellement ajouté dans ES5). Voici 8 constructeurs accessibles. Le reste comme Global n'est pas accessible directement, Les arguments ne sont créés par le moteur JS que lorsque la fonction est appelée, Math, JSON existent sous forme d'objets, aucun nouveau n'est requis. Leur __proto__ est Object.prototype. Comme suit

Copier le code Le code est le suivant :

Math.__proto__ === Objet.prototype 

// vrai

JSON.__proto__ === Objet.prototype 

// vrai

Les "tous les constructeurs/fonctions" mentionnés ci-dessus incluent certainement des constructeurs personnalisés. Comme suit

Copier le code Le code est le suivant :

// Déclaration de fonction

fonction Personne()

{}

//Expression de fonction

var Homme

= 

fonction()

{}

console.log(Person.__proto__ === Function.prototype) 

// vrai

console.log(Man.__proto__ ===

Fonction.prototype) 

// vrai

Qu'est-ce que cela signifie ?

Tous les constructeurs proviennent de Function.prototype, même le constructeur racine Object et Function lui-même. Tous les constructeurs héritent des propriétés et méthodes de Function.prototype. Tels que la longueur, l'appel, l'application, la liaison (ES5).

Function.prototype est également le seul prototype dont le type XXX.prototype est "fonction". Le prototype des autres constructeurs est un objet. Comme suit

Copier le code Le code est le suivant :

console.log (type de fonction.prototype) 

// fonction

console.log (type d'objet.prototype) 

// objet

console.log(type de Number.prototype) 

// objet

console.log(type de Boolean.prototype) 

// objet

console.log (type de String.prototype) 

// objet

console.log (type de tableau.prototype) 

// objet

console.log (type de RegExp.prototype) 

// objet

console.log (type d'erreur.prototype) 

// objet

console.log(type de Date.prototype) 

// objet

console.log (type d'objet.prototype) 

// objet

Oh, il a également été mentionné ci-dessus qu'il s'agissait d'une fonction vide, jetons un coup d'œil à alert(Function.prototype).

Nous savons que le __proto__ de tous les constructeurs (y compris ceux intégrés et personnalisés) sont Function.prototype, alors qui est le __proto__ de Function.prototype ?

Je pense que vous avez tous entendu dire que les fonctions en JavaScript sont également des citoyens de premier ordre, alors comment pouvez-vous le montrer ? Comme suit

Copier le code Le code est le suivant :

console.log(Function.prototype.__proto__ ===

Objet.prototype) 

// vrai

Cela montre que tous les constructeurs sont également des objets JS ordinaires et que des attributs peuvent être ajoutés/supprimés au constructeur. En même temps, il hérite également de toutes les méthodes sur Object.prototype : toString, valueOf, hasOwnProperty, etc.

Qui est le __proto__ d'Object.prototype ?

Copier le code Le code est le suivant :

Objet.prototype.__proto__ === 

nul //

vrai

Il a atteint le sommet et est nul.

Comprenez-vous la différence entre __proto__ et prototype en javascript ? Si vous avez des questions, veuillez laisser un message et discutons-en ensemble