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

php中世界最好的语言
リリース: 2018-05-19 15:40:48
オリジナル
1705 人が閲覧しました

今回は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 の本を参照してください。は空の

オブジェクト

ポインタです

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!