ES6の構造化代入の詳細説明

今回はES6の構造化代入について詳しく解説します。ES6の構造化代入を使用する際の注意点は何ですか？実際の事例を見てみましょう。 @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

実際、unknown と null の違いを理解するのは非常に簡単です。unknown==null;

ではありますが、null についてはまだ区別可能です。Rhinoceros の本を参照してください。は空の

オブジェクト

ポインタです

typeof null  ==>object;而undefined可以认为在下面两种情况会出现;

1. 配列に存在しない項目へのアクセス;

2. 未定義の変数 var メソッド;

つまり、次の 2 つは同等です;

let[a=true]=[undefined];
let[a=true]=[ ];

理由を理解するのは難しくありません。 ;

@2 オブジェクトの構造化代入;

配列とは異なり、オブジェクトの構造化代入はインデックスではなくキーに基づきます

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

@3

文字列の構造化代入

const [a,b,c,d,e,f]="liuhee";
console.log(a,b,c,d,e,f);        // l i u h e e

;構造化代入、左と右は一致する必要があります;

<以下はオブジェクト/配列の構造化代入関数です: 再度検証しました... 展開

演算子

は「値」のみを受け取ります>

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);

あなたを信じますこの記事の事例を読んでその方法をマスターした方は、オンラインの php 中国語のその他の関連記事を参照してください。

関連書籍:

webpack3 のエントリ、出力、モジュール分析。

以上がES6の構造化代入の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。