Maison >interface Web >js tutoriel >Utilisation de la fonction d'attribut orientée objet JavaScript
defineProperty est utilisé pour définir la valeur d'attribut et le descripteur d'un objet. Il existe 4 descripteurs : [[Configurable]], [[Enumerable]], [[Writable]], [[Value]]
Qu'est-ce que cela signifie lorsque le descripteur d'une propriété est défini sur [[Writable]] ?
1 "use strict";2 var person = {};3 Object.defineProperty( person, "name", {4 writable : false,5 value : 'ghostwu'6 } );7 console.log( person.name ); //ghostwu8 person.name = "this is ghostwu";9 console.log( person.name );//ghostwu
defineProperty为person对象,添加一个name属性,两个属性描述符:
attribut writeble : faux : non inscriptible vrai : inscriptible
attribut de valeur : 'ghostwu'
<span style="font-size: 16px">也就是说,name这个属性的值为ghostwu, 但是不能修改这个值。writable为false的时候,</span><br><span style="font-size: 16px">如果对这个属性name进行重新赋值(修改)在非严格模式下,赋值会被忽略,在严格模式下会报错.</span><br><br><span style="font-size: 16px"><strong>当一个属性的描述符设置了[[Configurable]]?</strong></span>
"use strict"; 2 var person = {}; 3 Object.defineProperty( person, "name", { 4 configurable : false, 5 value : 'ghostwu' 6 } ); 7 console.log( person.name ); //ghostwu 8 delete person.name; 9 console.log( person.name );//ghostwu10 11 Object.defineProperty( person, "name", {12 configurable : true, //报错13 value : 'ghostwu'14 } );
defineProperty est l'objet personne, ajoutez un attribut name,
configurable est faux, si l'attribut name est supprimé. , en mode non strict, l'opération de suppression sera ignorée. En mode strict, une erreur sera signalée
Lorsqu'un descripteur de propriété est défini sur [[Enumerable]]?
"use strict"; 2 var person = {}; 3 Object.defineProperty(person, "name", { 4 enumerable: true, 5 value: 'ghostwu' 6 }); 7 Object.defineProperty(person, "sex", { 8 enumerable: false, 9 value: 'man'10 });11 Object.defineProperty(person, "age", {12 enumerable: true,13 value: 2214 });15 16 /*17 name--->ghostwu18 age--->2219 */20 for( var i in person ){21 console.log( i + '--->' + person[i] );22 }defineProperty est l'objet personne, ajoutant 3 attributs, nom, âge, attribut énumérable : false. :Non-enumerable true : Enumerable
C'est-à-dire un attribut si sa valeur énumérable est fausse, alors cet attribut ne peut pas être parcouru par for...in (boucle/énumération)
Comme dans l'exemple ci-dessus. , le sexe est défini sur non énumérable, donc for..in ne l'énumérera pas
Méthode Object.getOwnPropertyDescriptor() : Vous pouvez obtenir le descripteur d'une propriété donnée. , paramètre 1 : l'objet où se trouve l'attribut. Paramètre 2 : nom de l'attribut. La valeur de retour est un objet
var person = {2 name : 'ghostwu',3 age : 22,4 };5 var descriptor = Object.getOwnPropertyDescriptor( person, "name" );6 console.log( descriptor.configurable ); //true7 console.log( descriptor.enumerable ); //true8 console.log( descriptor.writable ); //true9 console.log( descriptor.value ); //ghostwupour les objets non définis à l'aide de Object.defineProperty Leurs descripteurs : configurable, énumérable, inscriptible par défaut Les valeurs. Sont tous vrais.
var person2 = { 2 } 3 Object.defineProperty( person2, "name", { 4 value : 'ghostwu' 5 }); 6 7 var descriptor2 = Object.getOwnPropertyDescriptor( person2, "name" ); 8 console.log( descriptor2.configurable ); //false 9 console.log( descriptor2.enumerable ); //false10 console.log( descriptor2.writable ); //false11 console.log( descriptor2.value ); //ghostwu
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!