<h3>簡潔的語法</h3>
<div class="remark-highlight"><pre class="language-jsx"><code class="language-jsx">// 1. 一般函式
function increment(a){
	return a + 1;
}

// 2. 箭頭函式
const increment = (a) => {
	return a + 1;
}

// 3. 只有一行的表達式可省 return
const increment = (a) => a + 1;

// 4. 只有一個輸入可省括號
const increment = a => a + 1;
</code></pre></div>
<h3>適合做 callback</h3>
<ul>
<li>可做匿名函式，不用特別想 callback 名稱</li>
<li>超簡潔語法很省程式碼、增加可讀性</li>
</ul>
<h3>沒有自己的 this</h3>
<ul>
<li>在被創建時就固定了 this 在外部作用域的 this （與包圍他的 function 有一樣的 this）</li>
<li>好處是可預期的穩定的 this 綁定</li>
</ul>
<h3>沒有.call() .apply() .bind()</h3>
<ul>
<li>無法綁定其他物件</li>
</ul>
<h3>不能做建構函式</h3>
<ul>
<li>Arrow function 本身不可以作為建構函式</li>
<li>不能用 <code>new</code> 的方式</li>
<li>不可以放在 Class 的 contructor 裡</li>
</ul>

JS｜Arrow Function

簡潔的語法

適合做 callback

沒有自己的 this

沒有.call() .apply() .bind()

不能做建構函式

感謝您的閱讀