上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法，我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的： 11.1 不要使用迭代...
這個系列是為了可以成為更好的前端工程師，所需要有的 JavaScript 技能，我把這些研究的重點都記錄下來了。 ES6 從推出到現在已經過蠻久了，應用上也很成...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
本章的目標是提供ES6中的Class(類別)一些廣泛的討論與使用建議。Class(類別)是一個全新的語法，但它的目前整體的內容，如果與Java、C++這些語言...
很快地進入到鐵人賽的第5天，也進入到ES6篇的章節之中。本章的目標是針對let與const這兩個用於宣告變數與常數的語句，作重點式的介紹。有很多是整理我個人從...
本章的目標是對箭頭函式提供一些較為全面性的介紹，除了基本的語法之外，也補充了很多React搭配使用時的實例，此外也提供撰寫的風格建議。當然，箭頭函式並不光只是...
這是 ES6 中一種新的資料結構，每組資料都有對應的 key 值與 value 值，所以 Map 在意義上類似於物件。 而 key 值的範圍不限於字串，可以是各...
何謂 ESLint ? ESLint 支援 ES6 與 JSX 語法，具高度設定彈性與擴充性的檢查語法工具，可提供程式開發者在語法上的錯誤警告，此篇教學我所使用...
上次練習了 airbnb 推薦的 map() 語法，我們再來複習一次 ESLint airbnb 的規則怎麼說的： 11.1 不要使用迭代器。更好的做法是使用...
模板字串符（template literal）是 ES6 中新增的一個相當方便實用的功能，取代以往在 JS 中用 " " 或 ' ' 及 +...
本章的目標是對展開運算符(Spread Operator)與其餘運算符(Rest Operator)提供一些使用上的說明。這些語法在React、React N...
本章的目標是對Destructuring Assignment(解構賦值)提供一些使用上的說明。這些語法在React、React Native、Redux等等...
本文章同步放在Github的這個網址上。 大家好！我是Eddy。今天是鐵人賽的第一天，我個人是第一次參加，也沒在討論區中回答過什麼問題，可能按照前輩們所說...
本章的目標是提供ES6中在函式中的傳入參數預設值的一些介紹。傳入參數預設值是在眾多ES6新特性中的其中一個，它改善了長期以來在JavaScript中都要使用技...
JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係，ES6的出現就他有關係，在1995年時 Netscape(網景)公司...
新一代的 JavaScript：ES6 與 babel 時代在進步，程式語言也會跟著一起進步。JavaScript 其實是一個叫做 ECMAScript 標準的...
旅程來到了第 10 天，這趟旅程真的有點硬啊...不過每天只要花一點點時間，就能讓逐漸讓自己變強，這樣的感覺是不是很棒呢？ 今天的主題輕鬆一點，來看看 Jav...
已經寫了好幾篇介紹 ES6 特色的文章，這次就來詳細介紹 JavaScript ES6 的開發環境要如何建立吧！由於文章內容有點長，就分為兩篇來討論，此篇主軸為...
控制流程 任何一種程式語言程式碼都是由上而下逐一執行的，此外有時候必須程式判斷依照不同的數值給予不同的路徑輸出，稱之為控制流程。 區塊(block) ES6 中...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
陣列 Array 這篇文章要來介紹容器，首先先來談談陣列，陣列是有順序地存放大量資料的結構，大多數程式語言都是 0 為起始點，例如 arr[0] ， JavaS...
ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式，它可以讓我們的函式變得更簡短、提升可讀性，但其實蠻多眉眉角角的，以下就提供幾個寫法範例&特性說明...
上一篇文章介紹了傳統 var 關鍵字宣告變數的缺點。 懶人包支援： 語法允許重複宣告 (Re-Declaring) 不支援區塊作用域 (Block Scop...
本章的目標是對模組系統(Module System)提供一些使用上的簡單說明。模組系統是一個重要的ES6特性，搭配目前的NPM相依性管理工具，可以說是目前Ja...
ES6 加入了新的運算子... Spread Operator，簡化了展開陣列的過程，應用上真的非常廣，像是取值、複製、合併、轉換型態、取代舊式 API...等...
什麼是 ESLint？ 每個工程師都會有自己寫 code 的習慣，比如有些人喜歡加; 有些人不喜歡加，有些人喜歡先宣告變數，有些人則習慣不宣告直接使用，但是當...
今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較，我們先來看 airbnb 中關於變數的撰寫建議： ESL...
它是 ES6 標準裡其中非常受歡迎的新語法，允許使用 =>(箭頭) 來定義函數，比起一般函數可以用更簡短的語法來表示，可以讓程式碼的可閱讀性提高。 基本...
在學習 ES6 的路上，常常會看到「語法糖」這個名詞，但一直不知道是什麼意思，我們來看看維基百哥怎麼說的： 語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語，...
ES6 新的迭代迴圈方法，基本上這與傳統上陣列的forEach()方法是類似的，另外這跟for...in迴圈很相似，但這兩者的用法是不同的，以下會多舉例比較他們...
江江好
Andy Chang
eyesofkids
10程式中
huli
Gary
hogantech
OneJar
iThome鐵人賽
看影片追技術