iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

透過 ESLint 練習 JavaScript ES6 系列

透過 ESLint 的airbnb規範,學習 JavaScript ES6 的特性!

鐵人鍊成 | 共 30 篇文章 | 123 人訂閱 訂閱系列文 RSS系列文 團隊火箭隊
DAY 11

Day11【ES6 小筆記】陣列的解構賦值-以哥哥的前女友為例(Array Destructuring)

上一篇介紹了物件的解構賦值應用,而解構賦值的功能是要讓我們在寫物件、陣列的時候可以很便利的使用縮寫,將資料取出成獨立變數,增加可讀性並減少程式碼,今天就來練習陣...

2019-09-12 ‧ 由 江江好 分享
DAY 12

Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料,而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...

2019-09-13 ‧ 由 江江好 分享
DAY 13

Day13【ES6 小筆記】Array.map() - 處理陣列最佳選擇

上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法,我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的: 11.1 不要使用迭代...

2019-09-14 ‧ 由 江江好 分享
DAY 14

Day14【ES6 小筆記】用 ES6 跟 CSS 做一個調皮的標題

今天要來製作一個有簡單互動效果的標題,來練習我們前兩週提到的模板字串符、箭頭函示、展開運算子及 map() 的應用!首先來看看這個標題有沒有調皮(codepen...

2019-09-15 ‧ 由 江江好 分享
DAY 15

Day15【ES6 小筆記】物件縮寫好棒棒!Object literal extension

在 ES6 中,物件的撰寫更簡便了!可以使用縮寫的方式縮短我們的程式碼,省去的繁瑣的工作外,也能增加可讀性,今天就來一探究竟唄~ 物件內屬性的簡寫 以我家兔子...

2019-09-16 ‧ 由 江江好 分享
DAY 16

Day16【ES6 小筆記】// javascript 怎麼下個好註解?

今天來介紹 ESLint airbnb 中對於註解的建議,好的註解除了可以增加程式碼的可讀性之外,對於團隊間的開發,如果有培養下註解的默契,在維護上也會有幫助歐...

2019-09-17 ‧ 由 江江好 分享
DAY 17

Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小 妙招

上次練習了 airbnb 推薦的 map() 語法,我們再來複習一次 ESLint airbnb 的規則怎麼說的: 11.1 不要使用迭代器。更好的做法是使用...

2019-09-18 ‧ 由 江江好 分享
DAY 18

Day18【ES6 小筆記】比較值:== vs. === vs. Object.is() 差在哪呢?

當我們今天要比較兩個值是否相等時,在過去有兩個選擇:相等運算子 == 和嚴格相等運算子 ===,而在 ES6 中新增了一個Object.is 也可以拿來做比較!...

2019-09-19 ‧ 由 江江好 分享
DAY 19

Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

三元運算子可以拿來做簡單的判斷,在兩個結果間快速的做出選擇!雖然不是 ES6 才出的語法,但是 airbnb 有提到,今天就來介紹一下他的用法唄! ESLin...

2019-09-20 ‧ 由 江江好 分享
DAY 20

Day20【ES6 小筆記】什麼是「語法糖」哩?

在學習 ES6 的路上,常常會看到「語法糖」這個名詞,但一直不知道是什麼意思,我們來看看維基百哥怎麼說的: 語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語,...

2019-09-21 ‧ 由 江江好 分享