Explication détaillée des exemples d'affectations de déstructuration dans ES6

Cette fois, je vous apporte une explication détaillée de l'exemple d'affectation de déstructuration d'ES6. Nous savons que ES6 est très puissant, cet article vous donnera donc une analyse détaillée.

Utilisation de base

let [x, y, ...z] = ['a']
//"a", undefined, []

1. Si le côté droit du signe égal n'est pas un tableau, une erreur sera signalée (pas une structure traversable)
2. Mission de déstructuration var, let, Les déclarations de commande Const sont applicables
3. La structure set peut également être déstructurée et assignée (avec l'interface Iterator , qui peut être assignée sous la forme d'une structure de tableau)

set déstructuration : une collection de valeurs uniques de tout type

let [x, y, z] = new Set(["a", "b", "c"])
x //"a"

Valeur par défaut

1 La valeur des membres du tableau n'est pas strictement égale à indéfini, et la valeur par défaut ne prend pas. effet (si nul, la valeur correspondante sera toujours nulle)

[x=1, y=2, z=3, o=4] = ['a', , undefined, null]
//"a", 2, 3, null、

2. Si la valeur par défaut est une expression , l'expression est évaluée paresseusement et ne sera exécutée que lorsqu'elle est utilisée.

3. La valeur par défaut peut faire référence à d'autres variables affectées à la structure, mais La variable doit avoir été déclarée

ObjetAffectation de la structure

1 . Le tableau est organisé dans l'ordre et la variable objet doit avoir le même nom que l'

attribut

var {bar, foo, baz: loc} = {foo: 'aaa', baz: 'bbb'}
bar //undefined
foo //"aaa"
loc //"bbb"
baz //ReferenceError: baz is not defined

2. Les variables ont été déclarées auparavant, et l'utilisation de l'affectation let entraînera. une erreur

3. Objets pouvant être utilisés pour les structures imbriquées

var node = {
  loc: {
    start: {
      line: 1,
      column: 5
    }
  }
}
var {loc:{start:{line}}} = node
line //1
loc //ReferenceError: loc is not defined
start //ReferenceError: start is not defined

line est une variable, et loc et start sont des modèles

Je crois que vous maîtrisez. la méthode après avoir lu l'introduction ci-dessus. Pour des informations plus intéressantes, veuillez faire attention au site Web php chinois

Autres articles connexes !

Lecture connexe :

Code d'effet de défilement horizontal ininterrompu

À quoi ressemble le moteur JS lorsqu'il fonctionne

Comment personnaliser l'objet console lors de l'utilisation de JS

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!