


Introduction aux attributs internes et à l'opérateur de suppression dans les compétences js_javascript
May 16, 2016 pm 03:46 PMAvant d'expliquer Configurable
, regardons d'abord une question d'entretien :
1 2 3 4 5 6 7 8 9 |
|
À partir de la question ci-dessus, nous pouvons voir deux différences : lorsqu'une variable n'est pas déclarée à l'aide de var, elle peut être supprimée à l'aide du mot-clé delete, et la valeur sera indéfinie lorsqu'elle sera à nouveau obtenue lorsqu'une variable est déclarée à l'aide de var, Il ne peut pas être supprimé à l'aide de delete et la valeur est toujours 2 une fois récupérée.
1. supprimer l'opérateur
Lorsque vous utilisez delete pour supprimer une variable ou un attribut, il renvoie vrai si la suppression réussit, sinon il renvoie faux. Comme dans l'exemple ci-dessus, si delete ne peut pas supprimer la variable a, il retournera false ; si delete parvient à supprimer la variable b, il retournera true.
En plus des deux situations ci-dessus, il existe diverses autres variables couramment utilisées qui peuvent être supprimées par suppression, et certaines qui ne peuvent pas être supprimées. Ne nous inquiétons pas de la raison pour laquelle delete produit un tel résultat. Ici, nous regardons uniquement sa valeur de retour :
.Supprimer un élément dans le tableau de suppression :
1 2 3 4 5 6 |
|
Supprimer les variables de type fonction :
1 2 3 4 5 6 |
|
Supprimez function.length, qui est le nombre de paramètres formels obtenus :
1 2 3 4 5 |
|
Supprimer les variables couramment utilisées :
1 2 3 4 |
|
Supprimez le prototype au lieu de supprimer les attributs sur le prototype :
1 2 3 4 5 |
|
Lors de la suppression de la longueur des tableaux et des chaînes :
1 2 3 4 5 6 7 8 9 |
|
Lors de la suppression d'attributs dans obj :
1 2 3 4 5 |
|
Lors de la suppression d'attributs dans un objet d'instance, vous pouvez voir dans le résultat suivant que lorsque vous utilisez delete pour supprimer des attributs, seuls les attributs de l'objet d'instance lui-même sont supprimés et les attributs du prototype ne peuvent pas être supprimés même si. vous le supprimez à nouveau, il sera toujours supprimé. Il ne peut pas être supprimé ; si vous souhaitez supprimer les attributs ou les méthodes des attributs sur le prototype, vous pouvez uniquement les supprimer : delete Person.prototype.name
:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
2. Propriétés internes de js
Dans l'exemple ci-dessus, certaines variables ou attributs peuvent être supprimés avec succès, tandis que d'autres ne peuvent pas être supprimés. Alors, qu'est-ce qui détermine si cette variable ou cet attribut peut être supprimé.
ECMA-262 5ème Édition définit les caractéristiques des propriétés des objets JS (utilisées dans les moteurs JS, non directement accessibles de l'extérieur). Il existe deux types de propriétés dans ECMAScript : les propriétés de données et les propriétés d'accesseur.
2.1 Attributs des données
Un attribut de données fait référence à un emplacement contenant une valeur de données auquel la valeur peut être lue ou écrite. Cet attribut a 4 propriétés qui décrivent son comportement :
- [[configurable]] : Indique s'il peut être supprimé et redéfini à l'aide de l'opérateur delete, ou s'il peut être modifié en tant qu'attribut accesseur. La valeur par défaut est vraie ;
- [[Enumberable]] : indique si l'attribut peut être renvoyé via une boucle for-in. Vrai par défaut ;
- [[Writable]] : Indique si la valeur de l'attribut peut être modifiée. Vrai par défaut ;
- [[Valeur]] : Contient la valeur des données de cet attribut. Cette valeur est lue/écrite. La valeur par défaut n'est pas définie ; par exemple, l'attribut name est défini dans l'objet d'instance Person ci-dessus et sa valeur est 'wenzi'. Les modifications de cette valeur se font de toute façon à cet emplacement .
Pour modifier les caractéristiques par défaut des propriétés d'un objet (la valeur par défaut est true), vous pouvez appeler la méthode Object.defineProperty(), qui reçoit trois paramètres : l'objet où se trouve la propriété, le nom de la propriété et un objet descripteur ( doit être : configurable, dénombrable, inscriptible et valeur, une ou plusieurs valeurs peuvent être définies).
est le suivant :
1 2 3 4 5 6 7 8 9 10 |
|
On peut voir que ni la suppression ni la réinitialisation de la valeur de person.name ne prennent effet. En effet, l'appel de la fonction définirProperty modifie les caractéristiques des propriétés de l'objet. Il convient de noter qu'une fois configurable défini sur false, définirProperty peut ; ne plus être utilisé pour le modifier à true (l'exécution signalera une erreur : Uncaught TypeError : Impossible de redéfinir la propriété : nom);
2.2 Propriétés des accesseurs
Il comprend principalement une paire de fonctions getter et setter. Lors de la lecture de l'attribut accesseur, le getter sera appelé pour renvoyer une valeur valide lorsque l'attribut accesseur est écrit, le setter sera appelé pour écrire la nouvelle valeur ; l'attribut a les 4 caractéristiques suivantes :
- [[Configurable]] : indique si l'attribut peut être supprimé et redéfini via l'opérateur de suppression ;
- [[Numberable]] : indique si cet attribut peut être trouvé via une boucle for-in
- [[Get]] : Appelé automatiquement lors de la lecture des propriétés, par défaut : non défini ;
- [[Set]] : Appelé automatiquement lors de l'écriture des attributs, par défaut : non défini ;
Les propriétés de l'accesseur ne peuvent pas être définies directement et doivent être définies à l'aide de finishProperty(), comme suit :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
Cependant, il y a encore une chose qui nécessite une attention particulière. Lors de la définition des propriétés avec la méthode Object.defineProperty(), les propriétés de l'accesseur (set et get) et les propriétés des données (inscriptibles ou valeur) ne peuvent pas être déclarées en même temps. Cela signifie que si une propriété a un ensemble d'attributs inscriptible ou value, alors cette propriété ne peut pas déclarer get ou set, et vice versa.
Si définies comme suit, les propriétés d'accesseur et les propriétés de données existent en même temps :
1 2 3 4 5 6 7 8 9 10 |
|
上面的代码看起来貌似是没有什么问题,但是真正执行时会报错,报错如下:
Uncaught TypeError: Invalid property. A property cannot both have accessors and be writable or have a value
对于数据属性,可以取得:configurable,enumberable,writable和value;
对于访问器属性,可以取得:configurable,enumberable,get和set。
由此我们可知:一个变量或属性是否可以被删除,是由其内部属性Configurable
进行控制的,若Configurable
为true,则该变量或属性可以被删除,否则不能被删除。
可是我们应该怎么获取这个Configurable
值呢,总不能用delete试试能不能删除吧。有办法滴!!
2.3 获取内部属性
ES5为我们提供了Object.getOwnPropertyDescriptor(object, property)
来获取内部属性。
如:
1 2 3 |
|
通过Object.getOwnPropertyDescriptor(object, property)
我们能够获取到4个内部属性,configurable控制着变量或属性是否可被删除。这个例子中,person.name的configurable是true,则说明是可以被删除的:
1 2 3 |
|
我们再回到最开始的那个面试题:
1 2 3 4 5 6 7 |
|
跟我们使用delete操作删除变量时产生的结果是一样的。
3. 总结
别看一个简简单单的delete操作,里面其实包含了很多的原理!

Outils chauds Tags

Article chaud

Outils chauds Tags

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Quelle est la touche Suppr du clavier ?

Quelle est la fonction de la touche Supprimer

Comment contrôler + Alt + Suppr : didacticiel Mac

Les fichiers supprimés peuvent-ils être récupérés ?

Comment utiliser les requêtes PUT et Supprimer dans SpringBoot

Comment ajouter, modifier et supprimer des lignes de tableau dans jQuery ?

Huit utilisations mystérieuses de l'opérateur '!' dans les commandes Linux

Comment utiliser la base de données Supprimer
