iT邦幫忙

鐵人檔案

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

透過 ESLint 練習 JavaScript ES6 系列

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

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

Day21【ES6 小筆記】物件屬性存取方式 - 以一篇業配文為例

先前我們有介紹過物件的解構賦值,用於存取多屬性的物件,而今天我們就來聊聊存取單一個物件時,有什麼方法吧! 假如我們有一個物件 restaurant 紀錄這間好吃...

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

Day22【ES6 小筆記】變數提升(Hoisting)與暫時死區(TDZ)

今天來介紹 let/const 的暫時死區(Temporal Dead Zone,TDZ),這是 ES6 中對作用域新的專用語,翻成中文就是「時間上暫時無法達到...

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

Day23【ES6 小筆記】箭頭函式 this 初步了解/使用時機

這幾天看了很多關於函式中 this 的文章,但感覺還不是很懂 XDDD,今天要來跟著這個影片來學習傳統函式跟箭頭函式中 this 的差別,練練我的小腦袋! 如果...

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

Day24【ES6 小筆記】資料型別 Symbol 使用時機

在 JavaScript 中,原始型別有以下幾種: Boolean:僅有 true, false 兩個值 Null:僅有 null 的值 Undefin...

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

Day25【ES6 小筆記】有點規矩!讓你的程式碼整整齊齊~

Hi~你寫程式時都隨便換行、隨便空白,看心情加逗號跟分號嗎?你覺得反正程式沒有錯誤,結果有出來就好嗎?偶爾還會因為忘記分號導致出錯嗎?你覺得其實看了很不舒服,但...

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

Day26【ES6 小筆記】 陣列好兄弟 Set 怎麼用? - 以 30 天平民滷肉飯挑戰為例

Set (集合) 是 ES6 中提出的一種資料結構,跟陣列蠻像的,只是他所有的元素都是唯一的,不會有重複的值存在,也沒有順序之分,所以也不能透過 [0] 這種...

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

Day27【ES6 小筆記】 物件好兄弟 Map 使用方式

上一篇學習了 Set,今天要練習的 Map 也是 ES6 中提出的一種資料結構,跟 Set 蠻像的,只是 Map 存取的是鍵值對,所以也跟物件蠻像的,但有以下差...

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

Day28【ES6 小筆記】 建構式ㄉ語法糖 - Class 超基本使用範例

ES6 中新增了類別 (class) 來實現原型繼承,但他並不是一種新原型繼承方式,只是以前原型繼承的語法糖,提供更簡潔的語法來建立物件和處理繼承! 這邊也來看...

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

Day29【ES6 小筆記】陣列搜尋新方法 find() findIndex() - 以工具人清單為例

find() 在過去如果我們想要找到陣列中符合條件的元素,可能會使用 forEach 或是 for 循環,但是 forEach 是不能跳過或終止的,所以如果當...

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

達標好文 【懶人包閱讀順序】ES6 學習筆記

完賽嚕~!!過去都沒有寫文章的經驗,經過這次的學習紀錄真的覺得成長很多,不過也因為沒經驗,所以順序編排的不是很好(雖然也不知道有沒有人要看XDDD),這邊整理一...

2019-10-01 ‧ 由 江江好 分享