# ES6新語法 const 變量不變 let 變量可變 箭頭函數,支持默認設置參數 ``` <pre class="calibre14">``` const fn<span class="token">=</span><span class="token2">(</span>a<span class="token">=</span><span class="token3">1</span><span class="token2">,</span>b<span class="token">=</span><span class="token3">2</span><span class="token2">)</span><span class="token">=</span><span class="token">></span><span class="token2">{</span><span class="token5">return</span> a<span class="token">+</span>b<span class="token2">;</span><span class="token2">}</span> const fn1 <span class="token">=</span> <span class="token2">(</span>a<span class="token2">,</span>b<span class="token2">)</span><span class="token">=</span><span class="token">></span>a<span class="token">+</span>b<span class="token2">;</span> <span class="token6">//簡寫,當返回值可省略括號</span> ``` ``` 字符模板,不再使用+鏈接字符串 ``` <pre class="calibre14">``` const a <span class="token">=</span> <span class="token3">20</span><span class="token2">;</span> const b <span class="token">=</span> <span class="token3">30</span><span class="token2">;</span> const string <span class="token">=</span> `$<span class="token2">{</span>a<span class="token2">}</span><span class="token">+</span>$<span class="token2">{</span>b<span class="token2">}</span><span class="token">=</span>$<span class="token2">{</span>a<span class="token">+</span>b<span class="token2">}</span>`<span class="token2">;</span> ``` ``` 解析結構 ``` <pre class="calibre14">``` const obj<span class="token">=</span><span class="token2">{</span> a<span class="token2">:</span><span class="token3">1</span><span class="token2">,</span> b<span class="token2">:</span><span class="token3">2</span><span class="token2">,</span> c<span class="token2">:</span><span class="token3">3</span> <span class="token2">}</span> const <span class="token2">{</span>a<span class="token2">,</span>b<span class="token2">}</span><span class="token">=</span>obj<span class="token2">;</span> 對象解析結構 let <span class="token2">[</span>a<span class="token2">,</span> b<span class="token2">,</span> c<span class="token2">]</span> <span class="token">=</span> <span class="token2">[</span><span class="token3">1</span><span class="token2">,</span> <span class="token3">2</span><span class="token2">,</span> <span class="token3">3</span><span class="token2">]</span><span class="token2">;</span>數組的解析結構 let <span class="token2">[</span>a<span class="token2">,</span> <span class="token2">.</span><span class="token2">.</span><span class="token2">.</span>b<span class="token2">]</span> <span class="token">=</span> <span class="token2">[</span><span class="token3">1</span><span class="token2">,</span> <span class="token3">2</span><span class="token2">,</span> <span class="token3">3</span><span class="token2">]</span><span class="token2">;</span> 剩余運算 a<span class="token">=</span><span class="token3">1</span> b<span class="token">=</span><span class="token2">[</span><span class="token3">2</span><span class="token2">,</span><span class="token3">3</span><span class="token2">]</span> ``` ``` 簡寫,當屬性和值相同 ``` <pre class="calibre14">``` const person <span class="token">=</span> <span class="token2">{</span> name<span class="token2">,</span> age<span class="token2">,</span><span class="token1">fn</span><span class="token2">(</span><span class="token2">)</span><span class="token2">{</span> <span class="token5">return</span> this<span class="token2">.</span>name<span class="token2">;</span> <span class="token2">}</span> <span class="token2">}</span>等價 var person <span class="token">=</span> <span class="token2">{</span> name<span class="token2">:</span> name<span class="token2">,</span> age<span class="token2">:</span> age <span class="token2">,</span> fn<span class="token2">:</span><span class="token5">function</span> <span class="token1">fn</span><span class="token2">(</span><span class="token2">)</span><span class="token2">{</span> <span class="token5">return</span> this<span class="token2">.</span>name<span class="token2">;</span> <span class="token2">}</span> <span class="token2">}</span><span class="token2">;</span> ``` ``` 類 ``` <pre class="calibre14">``` class <span class="token1">Person</span> <span class="token2">{</span> <span class="token6">//構造方法</span> <span class="token1">constructor</span><span class="token2">(</span>name<span class="token2">,</span> age<span class="token2">)</span> <span class="token2">{</span> this<span class="token2">.</span>name <span class="token">=</span> name<span class="token2">;</span> this<span class="token2">.</span>age <span class="token">=</span> age<span class="token2">;</span> <span class="token2">}</span> <span class="token1">getName</span><span class="token2">(</span><span class="token2">)</span> <span class="token2">{</span> <span class="token5">return</span> this<span class="token2">.</span>name <span class="token2">}</span> <span class="token2">}</span> ``` ``` 模塊 接口定義可以是變量,函數,類 var m=1 export {m} export default默認方法或變量 import {m} from 'm';