## 一、概述 ES6是一個泛指，含義是 5.1 版以后的 JavaScript 的下一代標準，涵蓋了 ES2015、ES2016、ES2017 等等，也就是下一代 JavaScript 語言； ## 一、高級數據類型 **值類型(基本類型)**：字符串（String）、數字(Number)、布爾(Boolean)、對空（Null）、未定義（Undefined）、Symbol。 **引用數據類型**：數組(Array)、對象(Object)、函數(Function)。 ### 1、數組： ``` var data=new Array(); data[0]="a"; data[1]="b"; data[2]="c"; ``` 或 ``` var data=new Array("a","b","c"); ``` 或 ``` var data=["a","b","c"]; ``` ### 2、對象： 對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔： ``` var person={firstname:"ray", lastname:"framework", id:123}; ``` 對象屬性有兩種尋址方式： ``` name=person.lastname; name=person["lastname"]; ``` 對象的方法定義了一個函數，并作為對象的屬性存儲。對象方法通過添加 () 調用 (作為一個函數)。 定義方法： ``` methodName : function() { code lines } ``` 使用方法： ``` objectName.methodName() ``` 實例： ``` //定義對象 var p={ a:1, b:"d", c:function(){alert(this.b)} } //使用對象 alert(p.a); p.c(); ``` ### 3、函數： ``` var x = function (a, b) {return a * b}; var z = x(4, 3); ``` ES6標準新增了一種新的函數：Arrow Function（箭頭函數）。箭頭函數相當于匿名函數，并且簡化了函數定義。箭頭函數有兩種格式，一種像上面的，只包含一個表達式，連`{ ... }`和`return`都省略掉了。還有一種可以包含多條語句，這時候就不能省略`{ ... }`和`return`： ``` (參數1, 參數2, …, 參數N) => { 函數聲明 } (參數1, 參數2, …, 參數N) => 表達式(單一) // 相當于：(參數1, 參數2, …, 參數N) =>{ return 表達式; } ``` ``` // ES5 var x = function(x, y) { return x * y; } // ES6 const x = (x, y) => x * y; ``` ``` 簡單來說，箭頭左側是參數，右側是函數體； ``` ## 二、prototype 每個函數都有一個prototype屬性，這個屬性是指向一個對象的引用，這個對象稱為原型對象，原型對象包含函數實例共享的方法和屬性，通過prototype 屬性可以向函數定義的對象添加屬性和方法。也就是說將函數用作構造函數調用（使用new操作符調用）的時候，新創建的對象會從原型對象上繼承屬性和方法。 ``` object.prototype.name=value ``` 實例： ``` <script type="text/javascript"> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var bill=new employee("Bill Gates","Engineer",1985); employee.prototype.salary=null; bill.salary=20000; document.write(bill.salary); </script> ``` ## 三、ES6方法（默認參數） 函數定義時傳入形參對象，參數直接賦予默認值。但注意，當以參數列表形式設置默認值時，賦值方式是按序賦值。 ``` function doSome({a,b=2,c}){ console.log(a,b,c); } doSome({a:5,c:22}) // 5 2 22 //參數列表方式 function doSome(a,b=2,c){ console.log(a,b,c); } doSome(5,22) // 5 2 22 ``` ## 四、展開運算符... 展開運算符（spread operator）允許一個表達式在某處展開。展開運算符在多個參數（用于函數調用）或多個元素（用于數組字面量）或者多個變量（用于解構賦值）的地方可以使用。 ## 五、簡寫 簡寫有兩條基本原則： * 同名的屬性可以省略不寫 * 對象中的方法中的 : function?可以省略不寫 ~~~ var studentES5 = { name: '小方哥', age: 20, sex: '男', getName: function () { return this.name; } } console.log('ES5', studentES5); console.log('ES5', studentES5.getName()); ~~~ ES6則允許我們簡寫成下面這種形式 ~~~ const name = 'Jack'; const age = 25; const sex = '女'; const studentES6 = { name,// 同名的屬性可以省略不寫 age, sex, getName() {// 可以省略方法中的 : function return this.name; } }; console.log('ES6', studentES6); console.log('ES6', studentES6.getName()); ~~~