Explication détaillée de l'affectation de déstructuration dans ES6-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-05-19 15:40:48

original

1846 Les gens l'ont consulté

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

Copier après la connexion

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可以认为在下面两种情况会出现;

Copier après la connexion

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]=[ ];

Copier après la connexion

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};　　　　//跟键的顺序没有关系;

Copier après la connexion

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

Copier après la connexion

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: &#39;对&#39;,
        b: &#39;象&#39;
    }
    //对象的函数解构;
function fun({ a, b = &#39;jspang&#39; }) {
    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);

Copier après la connexion

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!