es6的這些知識點你瞭解多少呢？

1. 模板字元串：

   "use strict";
       let a = `my name is DaPaang i am 21 years old`;
       console.log(a);
   模板字元串寫在撇號(反引號)裡邊。
   ---
   let a = `my name is DaPaang
           i am 21 years old
           `;
   console.log(a);
   模板字元串支持換行書寫；
   ---
   let a = 'DaPang';
   let b = 25;
   let c = `my name is ${a}, i am ${b} years old`;
   console.log(c);
   這個用了模板字元串的綁定變數,此時控制台的列印結果是：
   my name is DaPang, i am 25 years old

   註釋：這裡有一個小知識點，就是一開始的"use strict";這個是寫到腳本的最前面，因為有些瀏覽器不支持es6,這句的意思就是告訴瀏覽器，用嚴格的解碼方式來解析代碼。

2. 增強的對象字面量：

    let name = "宋澤";
    let age = 25;
    var songze = {
    name,
    age,
    play:function(){
        console.log("我會打游戲");
        }
    }
    console.log(songze.name);
    songze.play();//這個是咱們平常的寫法，es6可以把字面量和對象方法簡寫：
---
    let name = "宋澤";
    let age = 25;
           var songze = {
            name,
            age,
            play(){
                console.log("我會打游戲");
            }
        }
    console.log(songze.name);
    songze.play();//es6可以直接吧name後面的:name省略掉,也可以把function省略掉。
---
    let name = "宋澤";
    let age = 25;
        var songze = {
        name,
        age,
        ["pro"+"1"]:asd,
        play(){
            console.log("我會打游戲");
            }
        }
    console.log(songze.name);
    songze.play();
    console.log(songze["pro1"]);//es6對象名可以書寫自動計算形式。

1. 解構賦值：

    let [a,b,c] = [1,2,3];
    console.log(a,b,c);//控制台列印1 2 3.
---
    我麽只要後兩個的值：
    let [,b,c] = [1,2,3];
    console.log(b,c);//控制台列印2 3.
---
    這是我們原來的寫法：
    let obj = {
        x:0,
        y:1
        }
    let x = obj.x;
    let y = obj.y;
    console.log(x,y);//控制台列印0 1。
---
    這是es6的寫法：
    let obj = {
            x:0,
        y:1
        }
    let {x,y} = obj;
    console.log(x,y);//控制台列印0 1。
    你們覺得哪個好呢，反正我個人感覺是es6的好，哈哈！
---
    let [a,[,[b,c]],] = [1,[2,[3,4]],2];
    console.log(a,b,c);//此時控制台列印的a,b,c的值分別是1 3 4.
---
    let obj = {
        c:0,
        y:1
        }
    let {c:x,y,z="asd"} = obj;
    console.log(x,y,z);//此時控制台列印的是0 1 "asd"。
    這個就是解構賦值。

註釋：es6允許我們提取數組和對象里的值賦給變數。

1. 函數解構和字元串解構：

    函數的解構賦值：
    function fn({name,age}){
        console.log(name,age)
        }
    let songze = {name:'宋澤',age:25}
    fn(songze);//此時控制台列印 宋澤 25.
---
    字元串的解構賦值：
    let str = '123456';
    let [a,b,c,d,e,f] = str;
    console.log(a,b,c,d,e,f);//此次是控制台列印1 2 3 4 5 6.

看完文章就順手點歌推薦唄！