本月參加的鐵人挑戰就是要來探索 ES6，讓 JavaScript 更上一層樓！但是忘記在第一天先跟大家介紹 ES6 是什麼了XDD，來補充分享一下！（以下是簡略...
參數預設值 ES6 提供了更簡易的函式參數預設值的設定方式，讓我們可以更直覺的來進行設定，優點如下： 減少程式碼 有利於代碼的可讀性 話不多說，來看範...
模板字串符（template literal）是 ES6 中新增的一個相當方便實用的功能，取代以往在 JS 中用 " " 或 ' ' 及 +...
ES6 箭頭函式 講到 ES6 就不能不知道箭頭函式，它可以讓我們的函式變得更簡短、提升可讀性，但其實蠻多眉眉角角的，以下就提供幾個寫法範例&特性說明...
今天要來介紹 ES6 中新的變數宣告方式的 let、const 並且跟過去我們常用的 var 做比較，我們先來看 airbnb 中關於變數的撰寫建議： ESL...
什麼是 ESLint？ 每個工程師都會有自己寫 code 的習慣，比如有些人喜歡加; 有些人不喜歡加，有些人喜歡先宣告變數，有些人則習慣不宣告直接使用，但是當...
今天文章輕鬆一點，來介紹一個簡單的 ES6 新特性：Enhanced Object Literals。 什麼是物件實字 (Object Literals) 平常...
本文主要會談到 ES6 新增的熱門語法，包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。 以區塊為範疇的宣...
本文主要會談到如何在 JavaScript 快速演進的狀況下，漸進的適應新功能？來嘗試 Transpiling 與 Shims/Polyfills 吧。 .....
昨天的文章我們介紹到傳統 JavaScript 對於函數定義的語法有 4 種寫法。 懶人包支援： 宣告式 (Function Declarations) 匿...
本文主要會談到 generator 的基本概念與範例。 從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 as...
本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class，我們先再次檢視先前提過的 Widget 與 Button 範...
上一篇文章介紹了傳統 var 關鍵字宣告變數的缺點。 懶人包支援： 語法允許重複宣告 (Re-Declaring) 不支援區塊作用域 (Block Scop...
在ES6 中，提供了let 與 const 讓我們使用 let 可以不用給初始值 let 在宣告的時候可以不用給值若無初始值預設會給undefine，這點跟va...
緣起 這個主題有什麼好寫的呢?在其他語言相信大家都沒有什麼問題偏偏js 有許許多多難以理解的地方或者說有點「玄」好像在說鬼故事…相信用過一陣子js 的人都了解我...
這個系列是為了可以成為更好的前端工程師，所需要有的 JavaScript 技能，我把這些研究的重點都記錄下來了。 ES6 從推出到現在已經過蠻久了，應用上也很成...
在上一篇 開發環境建置(上) - Babel 編譯工具 講解 Babel 後，這篇將來介紹 ESLint ，使用 ESLint 偵錯工具來檢查 JavaScri...
已經寫了好幾篇介紹 ES6 特色的文章，這次就來詳細介紹 JavaScript ES6 的開發環境要如何建立吧！由於文章內容有點長，就分為兩篇來討論，此篇主軸為...
在 JavaScript ES6 標準規範中，其實還有很多的新擴展、新語法、新 API 都很有特色，只是這些就比較不常用了，大部分的功能也都能使用舊方法去實現，...
ES6 導入了模組系統的支援，它採用了 CommonJS 與 AMD 的優點，在編譯時進行靜態加載，而且可以使用於瀏覽器與伺服器端。概念上是將一個大程序拆分成互...
這是 ES6 中一種新的資料結構，每組資料都有對應的 key 值與 value 值，所以 Map 在意義上類似於物件。 而 key 值的範圍不限於字串，可以是各...
這是 ES6 中一種新的原始資料類型，表示獨一無二的值，Symbol 的值通過Symbol函數生成，可以保證不會與其他屬性名或數值產生衝突，所以很適合用來代替傳...
ES6 中的class類別，它是效仿其他程式語言擁有物件導向(OOP)的概念，取代需要原型 prototype 的操作，因為寫法更簡潔與易於理解，用來代替 ja...
物件在 JavaScript 中是非常重要的資料結構，而在 ES6 之後擴展了它的語法結構，讓表示法變得更簡單易懂，還增加了屬性名稱的動態改變。 更簡潔的表示...
它是 ES6 標準裡其中非常受歡迎的新語法，允許使用 =>(箭頭) 來定義函數，比起一般函數可以用更簡短的語法來表示，可以讓程式碼的可閱讀性提高。 基本...
JavaScript 終於讓函數也能有預設值了，在 ES6 中為函數加入了預設參數 (Default parameters) 與 Rest 參數的語法，在設計或...
ES6 加入了新的運算子... Spread Operator，簡化了展開陣列的過程，應用上真的非常廣，像是取值、複製、合併、轉換型態、取代舊式 API...等...
ES6 導入了樣板文字串 Template literals 是為了增強字串的表示方式，還能直接填入變數與表達式，可以更方便地輸出想要的文字組合了。 使用特性...
本系列文章，內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主 目標：是讀懂 FP，能用 code...
ES6 新的迭代迴圈方法，基本上這與傳統上陣列的forEach()方法是類似的，另外這跟for...in迴圈很相似，但這兩者的用法是不同的，以下會多舉例比較他們...
江江好
OneJar
Summer
Paul.Ciou
LeeBoy
iThome鐵人賽
看影片追技術