Arrow Functions

箭頭函式是 ES6 / ES2015 中最具影響力的變化之一，現今廣泛使用。它們與常規函式稍有不同。讓我們來看看箭頭函式的用法。 箭頭函式是在 ES6 / ECMAScript 2015 中引入的，自那時以來，它們永遠改變了 JavaScript 代碼的外觀（和工作方式）。 在我看來，這種變化非常受歡迎，現代代碼庫中很少見到使用 function 關鍵字的情況。雖然這種用法仍然有它的用處。 從外觀上看，這是一個簡單而受歡迎的改變，它允許您使用更短的語法來編寫函式： const myFunction = function() { //... } 改為： const myFunction = () => { //... } 如果函式體只包含一條語句，您可以省略大括號，將所有內容寫在同一行上： const myFunction = () => doSomething() 參數通過括號傳遞： const myFunction = (param1, param2) => doSomething(param1, param2) 如果只有一個（且僅有一個）參數，您可以完全省略括號： const myFunction = param => doSomething(param) 由於這種簡潔的語法，箭頭函式鼓勵使用小函式。 隱式返回 箭頭函式允許您進行隱式返回：不需要使用 return 關鍵字就可以返回值。 它僅對函式體中一行的語句有效： const myFunction = () => 'test' myFunction() //'test' 另一個例子，當返回一個對象時，請記得用括號將大括號括起來，以避免它被認為是包含函式體的大括號：...

了解一下在學習React之前是否需要學習一些東西 如果您想學習React，首先需要掌握一些基礎知識。特別是一些在React中會反覆使用的最新JavaScript功能。 有時候人們認為某個特定功能是React提供的，但實際上它只是現代JavaScript語法。 起初不需要成為這些主題的專家，但您深入研究React時，就需要更加熟練地掌握這些知識。 我將列出一些事項，並提供我撰寫的文章的連結，以幫助您快速掌握基礎知識： JavaScript類 ES模組 非同步編程的基礎知識：回調函數，Promise，async/await 箭頭函數 this關鍵字 展開運算符 解構賦值 物件字面量 JavaScript函數式編程