Maison >interface Web >js tutoriel >Explication détaillée de l'affectation de déstructuration dans ES6

Explication détaillée de l'affectation de déstructuration dans ES6

php中世界最好的语言
php中世界最好的语言original
2018-05-19 15:40:481923parcourir

Cette fois, je vais vous apporter une explication détaillée de la mission de déstructuration d'ES6. Quelles sont les choses à noter lors de l'utilisation de la mission de déstructuration d'ES6. Voici un cas pratique, jetons un coup d'oeil.

 Affectation de déstructuration du tableau @1 ;

let [a,b,c]=[1,2,3];
console.log(a,b,c)            //1 2 3
----------------------------------------------------------------
let [a=true]=[];
console.log(a)                //a=true;
----------------------------------------------------------------
let[a=true]=[undefined];
let[b=true]=[null]
console.log(a,b)             //a=true,b=null
En fait, il est très simple de comprendre la différence entre undefined et null : bien que undefined==null;

, c'est toujours une référence distincte. Le Rhinoceros Book dit que null est un

objetpointeur

typeof null  ==>object;而undefined可以认为在下面两种情况会出现;
Accédez à un élément qui n'existe pas dans le tableau ;

2. Méthode var variable non définie ;

Donc : les deux suivants sont équivalents ;

let[a=true]=[undefined];
let[a=true]=[ ];
Ce n'est pas difficile de comprendre pourquoi ;

Affectation de déstructuration de @2 objets;

est différent d'un tableau, l'affectation de déstructuration de l'objet est basée sur la clé plutôt que sur l'index


let {foo,bar}={bar:"liuhf",foo:true};    //跟键的顺序没有关系;
@3

L'affectation de déstructuration ; de la chaîne ;

const [a,b,c,d,e,f]="liuhee";
console.log(a,b,c,d,e,f);        // l i u h e e
Peu importe où Une sorte d'affectation déstructurante, qui doit correspondre à la gauche et à la droite ;

Je crois que tu maîtrises le méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture connexe :

let json = {
        a: '对',
        b: '象'
    }
    //对象的函数解构;
function fun({ a, b = 'jspang' }) {
    console.log(a, b);
}
fun(json);
//数组的函数解构;
let arr = ["liu", "hai"]
function fun1([a, b]) {
    console.log(a, b);
}
fun1(arr);
console.log("------------");
//或者;
function fun2(a, b) {
    console.log(a, b);
}
fun2(...arr);

entrée, sortie, analyse de module de webpack3.x

Méthode de commutation d'onglet Vue2

Résumé des connaissances de base en JavaScript (11) Objets, classes de packaging

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!

Déclaration:
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