Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des attributs de propriété des objets JavaScript_Connaissances de base

WBOY
Libérer: 2016-05-16 16:53:56
original
1204 Les gens l'ont consulté

La propriété d'un objet en JavaScript possède trois attributs :
1.writable. Si la propriété est accessible en écriture.
2.énumérable. Indique si la propriété sera énumérée lors de l'utilisation de l'instruction for/in.
3. configurable. Si les propriétés de cette propriété peuvent être modifiées et si la propriété peut être supprimée.

Dans la norme ECMAScript 3, les valeurs des trois propriétés ci-dessus sont vraies et ne peuvent pas être modifiées : la propriété de l'objet nouvellement créé est inscriptible, énumérable et supprimable dans la norme ECMAScript 5, elle peut être transmise ; Objet de description de propriété (descripteur de propriété) pour configurer et modifier ces propriétés.

Si les informations sur la valeur de la propriété sont également considérées comme l'attribut de la propriété, la propriété dans l'objet a quatre attributs : valeur, inscriptible, énumérable et configurable.

Pour une propriété définie avec les méthodes getter et setter, puisqu'elle n'a pas d'attribut inscriptible (le fait que la propriété soit accessible en écriture dépend de l'existence ou non de la méthode setter), cette propriété a également quatre attributs : get, set, enumerable et configurable. - get et la valeur de l'attribut set est fonction.

Récupérer les propriétés de la propriété de l'objet

Dans le standard ECMAScript 5, vous pouvez obtenir les informations de propriété d'une propriété de l'objet lui-même via Object.getOwnPropertyDescriptor() :

Copier le code Le code est le suivant :

var o = {x:1};
var a = Object.create(o);
a.y = 3;
console.log( Object.getOwnPropertyDescriptor(a, "y"));//Object {configurable=true, enumerable=true, writable=true, value=3}
console.log(Object.getOwnPropertyDescriptor(a , "x")) ;//undéfini

Comme vous pouvez le voir, si la propriété n'existe pas ou si la propriété hérite de l'objet prototype, undéfini est renvoyé.

Définir les propriétés de la propriété de l'objet

Dans le standard ECMAScript 5, vous pouvez définir la propriété d'une propriété de l'objet lui-même via Object.defineProperty() :

Copier le code Le code est le suivant :

Object.defineProperty(a, "y", {
value:3,
writable:true,
enumerable:false ,
configuration : true
});
console.log(a.propertyIsEnumerable("y"));//false

Si la propriété définie est héritée de l'objet prototype, alors JavaScript créera une propriété avec le même nom dans l'objet lui-même, qui est cohérent avec le comportement associé de l'opération d'affectation :
Copier le code Le code est le suivant :

Object.defineProperty(a, "x", {
value:1,
writable:true,
enumerable:false,
configuration:true
}) ;
console.log(a.propertyIsEnumerable("x"));//false
console.log(o.propertyIsEnumerable("x"));/ /true

En plus de modifier les propriétés de la propriété, vous pouvez également changer la propriété à laquelle accéder par getter ou setter :
Copiez le code Le code est le suivant :

Object.defineProperty(a, "y", {
get:function(){return 42;}
}) ;
console.log(a.y);//42

Lors de l'utilisation de Object.defineProperty(), la valeur de la propriété dans l'objet de description de la propriété peut être partiellement ignorée. Lorsque la valeur de la propriété est ignorée, le traitement. les règles en JavaScript sont les suivantes :

Si la propriété est nouvellement créée, toutes les valeurs de propriété ignorées sont fausses ou indéfinies.
Si la propriété existe déjà, toutes les valeurs de propriété ignorées restent inchangées.


Définir les propriétés des objets par lots

Si vous devez définir les propriétés de plusieurs propriétés à la fois, vous pouvez utiliser l'instruction Object.defineProperties(). Cette instruction renverra l'objet modifié.

Copier le code Le code est le suivant :

Object.defineProperties(a, {
"y" :{valeur :79, inscriptible :true, enumerable :true, configurable :true},
"z":{value:99, inscriptible :true, enumerable :true, configurable :true}
});
console.log(a);//Object {y=79, z=99}

Règles de définition des attributs de propriété

Lors de la modification des attributs de propriété, les règles suivantes doivent être respectées. Si les règles ne sont pas respectées, JavaScript signalera une TypeError :

Si l'objet n'est pas extensible, vous pouvez uniquement modifier les propriétés des propriétés existantes et ne pouvez pas ajouter de nouvelles propriétés.
Si l'attribut configurable de la propriété est faux, les valeurs des attributs configurables et énumérables ne peuvent pas être modifiées. Pour l'attribut inscriptible, vous pouvez le changer de vrai à faux, mais vous ne pouvez pas le changer de faux à vrai. . Si une propriété est définie par des getters et des setters, les méthodes getter et setter ne peuvent pas être modifiées.
Si l'attribut configurable et l'attribut inscriptible de la propriété sont tous deux faux, la valeur de la propriété ne peut pas être modifiée. Si l'attribut inscriptible de la propriété est faux mais que son attribut configurable est vrai, la valeur de la propriété peut toujours être modifiée.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!