ES6、引用

前言：

不管现在有多么艰辛，我们也要做个生活的舞者

--------------------------------正文---------------------------------

'use strict' （严格，但是不兼容IE低版本）

ES6 （也叫 ES.next 或 ES2015）

1. 声明变量 （let 声明）

   let 变量名 = 变量值;
   { } 块级作用域
   声明常量      const URL（建议用大写） = ' ';

 一经声明，不能修改

2. 字符串拼接（` 反引号）

   用法：` 字符串 `
  eg: var json = {"name":"eric","age":16};
      （加反引号的）var str = `我叫"${json.name}",今年"${json.age}"岁！`;
      （不加反引号的）var str = '我叫"'+json.name+'",今年"'+json.age+'"岁！';

3. 扩展运算符

     var arr = [1,2,3];
     var arr2 = [...arr];

  eg: var arr = [1,2,3];
      var arr2 = [...arr];
        
      arr.push(5);

      document.write(arr+'
');          // 输出（1,2,3,5）
      document.write(arr2+'
');         // 输出（1,2,3）

4. 解构赋值

  eg: var [a,b] = [12,5];
      document.write(a+b);           // 输出（17）

      var {a,b} = {a:12};
      alert(b);                   // 输出（underfind）

      function show(a=0,b=0){
          alert(a+b);
      }
      show(12,5);                // 有值就输出值，没值时a=0，b=0；

5. 箭头函数

  eg:   function show(a,b){
            return a+b;
        }
        show=(a,b)=>a+b;

        function show(a,b){
            alert(a+b);
        }
        show=(a,b)=>{
            alert(a+b);
        }

        function show(){
            alert(12);
        }
        show=()=>{
            alert(12);
        }

        function(){
            alert(12);
        }
        ()=>{
            alert(12);
        }

箭头函数里的 this 指向上一层。如果没有就是 window

  eg:  document.onclick = ()=>{
            alert(this);
        }                        // 输出 window
       document.onclick = function(){
            var json = {
                show:()=>{
                    alert(this);
                }
            };
            json.show();
        };                      // 输出 HTMLDocument