1:什麽是解構賦值

按照一貫的套路，接下來的內容是解釋：什麽是解構賦值？

來看看官方的解釋：

ES6允許按照一定模式，從數組和對象中提取值，對變量進行賦值，這被稱為解構（Destructuring）。

這句話也不難理解，但是前端君怎麽會這麽敷衍了事，隨便貼一段官方的文字解釋就算呢。

來，我們來上一段代碼進一步解釋一下什麽叫解構賦值。

關於給變量賦值，傳統的變量賦值是這樣的：

  var arr = [1,2,3];//把數組的值分別賦給下面的變量；
    var a = arr[0];
    var b = arr[1];
    var c = arr[2];

    console.log(a);//a的值為1
    console.log(b);//b的值為2
    console.log(c);//c的值為3

將數組的元素值1，2，3分別賦值給變量a，b，c，結果也是如我們所願，賦值成功，這是一種傳統的賦值方式。

我們今天要介紹解構賦值會是怎樣的？一起往下看。

變量的解構賦值：

   var [a,b,c] = [1,2,3]; //把數組的值分別賦給下面的變量；
    console.log(a);//a的值為1
    console.log(b);//b的值為2
    console.log(c);//c的值為3

註意到了嗎？賦值的代碼大大減少了，不需要分別把變量a，b，c分別聲明定義和賦值，只需要將變量a，b，c作為一個數組的元素，然後將數組[1,2,3]賦值給數組[a,b,c]即可，變量a，b，c即可分別得到對應的值。

看吧，代碼是不是簡短了很多，可讀性也很強，這種叫做數組的解構賦值。

ES6新特性：解構賦值(上)