iT邦幫忙

鐵人檔案

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

透過 ESLint 練習 JavaScript ES6 系列

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

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

達標好文 Day01【ES6 小筆記】ESLint 工具簡介&安裝教學-來個乾淨的程式碼

什麼是 ESLint? 每個工程師都會有自己寫 code 的習慣,比如有些人喜歡加; 有些人不喜歡加,有些人喜歡先宣告變數,有些人則習慣不宣告直接使用,但是當...

2019-09-02 ‧ 由 江江好 分享
DAY 2

Day02【ES6 小筆記】變數宣告 - let、const 哪裡好?跟 var 說掰掰

今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較,我們先來看 airbnb 中關於變數的撰寫建議: ESL...

2019-09-03 ‧ 由 江江好 分享
DAY 3

達標好文 Day03【ES6 小筆記】JS 組字串好方便!一目瞭然最清楚(模板字串符 template literal)

模板字串符(template literal)是 ES6 中新增的一個相當方便實用的功能,取代以往在 JS 中用 " " 或 ' ' 及 +...

2019-09-04 ‧ 由 江江好 分享
DAY 4

Day04【ES6 小筆記】箭頭函式 - 基礎使用範例(Arrow function )

ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式,它可以讓我們的函式變得更簡短、提升可讀性,但其實蠻多眉眉角角的,以下就提供幾個寫法範例&特性說明...

2019-09-05 ‧ 由 江江好 分享
DAY 5

Day05【ES6 小筆記】前端開發者不能不知道的 ES6 是什麼?

本月參加的鐵人挑戰就是要來探索 ES6,讓 JavaScript 更上一層樓!但是忘記在第一天先跟大家介紹 ES6 是什麼了XDD,來補充分享一下!(以下是簡略...

2019-09-06 ‧ 由 江江好 分享
DAY 6

Day06【ES6 小筆記】函式參數預設值 - 基礎範例(Default Arguments)

參數預設值 ES6 提供了更簡易的函式參數預設值的設定方式,讓我們可以更直覺的來進行設定,優點如下: 減少程式碼 有利於代碼的可讀性 話不多說,來看範...

2019-09-07 ‧ 由 江江好 分享
DAY 7

Day07【ES6 小筆記】變數命名規則&宣告位置哪裡好?

在先前我們已經有介紹過 ES6 新的變數宣告方法 let 與 const,但是變數宣告的位置跟變數名稱也是有規則的哦!養成良好的習慣,可以讓我們的程式碼有更好的...

2019-09-08 ‧ 由 江江好 分享
DAY 8

Day08【ES6 小筆記】剩餘參數 - 基礎使用範例(Rest parameter)

在有些情況,Function 有不確定數量的參數時,ES6 提供的「剩餘參數」就可以幫助我們很容易 取得剩餘的所有參數,並保存在陣列裡! 剩餘參數的特性如下:...

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

Day09【ES6 小筆記】展開運算子 - 基礎使用範例(Spread operator)

上一篇的剩餘參數,是把很多的參數整合成一個陣列,而展開運算子,則是把陣列裡面的值取出,並拆解成一個一個的獨立參數,使用方式一樣都是 ...,以下來看看使用情境...

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

Day10【ES6 小筆記】物件的解構賦值-以一間好吃的餐廳為例(Object Destructuring)

今天來學習 ES6 中的解構賦值,功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫,快速的將多筆資料取出成獨立變數,增加可讀性並減少程式碼,今天就來練習物件...

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