iT邦幫忙

es6相關文章
共有 49 則文章
鐵人賽 Modern Web DAY 23

技術 你不可不知的 JavaScript 二三事#Day23:ES6 物件實字威力加強版 (Enhanced Object Literals)

今天文章輕鬆一點,來介紹一個簡單的 ES6 新特性:Enhanced Object Literals。 什麼是物件實字 (Object Literals) 平常...

鐵人賽 Modern Web DAY 29
你懂 JavaScript 嗎? 系列 第 29

技術 你懂 JavaScript 嗎?#29 語法(Syntax)

本文主要會談到 ES6 新增的熱門語法,包含以區塊為範疇的宣告、分散與其餘運算、預設參數值、解構、物件字面值擴充功能、範本字面值、箭號函式。 以區塊為範疇的宣...

鐵人賽 Modern Web DAY 28
你懂 JavaScript 嗎? 系列 第 28

技術 你懂 JavaScript 嗎?#28 ES? 現在 vs 未來

本文主要會談到如何在 JavaScript 快速演進的狀況下,漸進的適應新功能?來嘗試 Transpiling 與 Shims/Polyfills 吧。 .....

鐵人賽 Modern Web DAY 20

技術 你不可不知的 JavaScript 二三事#Day20:ES6 的箭頭函數 (Arrow Functions)

昨天的文章我們介紹到傳統 JavaScript 對於函數定義的語法有 4 種寫法。 懶人包支援: 宣告式 (Function Declarations) 匿...

鐵人賽 Modern Web DAY 25
你懂 JavaScript 嗎? 系列 第 25

技術 你懂 JavaScript 嗎?#25 產生器(Generator)

本文主要會談到 generator 的基本概念與範例。 從 callback 演進到 ES6 promise 與 generator 再進化到 ES7 as...

鐵人賽 Modern Web DAY 21
你懂 JavaScript 嗎? 系列 第 21

技術 你懂 JavaScript 嗎?#21 ES6 Class

本文主要是探討 ES6 Class 的美好與陷阱。 ES6 Class 關於 ES6 Class,我們先再次檢視先前提過的 Widget 與 Button 範...

鐵人賽 Modern Web DAY 8

技術 你不可不知的 JavaScript 二三事#Day8:var 掰掰 —— ES6 更嚴謹安全的 let 和 const

上一篇文章介紹了傳統 var 關鍵字宣告變數的缺點。 懶人包支援: 語法允許重複宣告 (Re-Declaring) 不支援區塊作用域 (Block Scop...

鐵人賽 Modern Web DAY 2

技術 搞懂變數作用域(2)- let 與const

在ES6 中,提供了let 與 const 讓我們使用 let 可以不用給初始值 let 在宣告的時候可以不用給值 若無初始值 預設會給undefine,這點跟...

鐵人賽 Modern Web DAY 1

技術 搞懂變數作用域

緣起 這個主題有什麼好寫的呢? 在其他語言相信大家都沒有什麼問題 偏偏js 有許許多多難以理解的地方 或者說有點「玄」 好像在說鬼故事… 相信用過一陣子js 的...

技術 JavaScript ES6-重點紀錄 系列總集

這個系列是為了可以成為更好的前端工程師,所需要有的 JavaScript 技能,我把這些研究的重點都記錄下來了。 ES6 從推出到現在已經過蠻久了,應用上也很成...

技術 [ES6-重點紀錄] 開發環境建置(下) - ESLint 偵錯工具

在上一篇 開發環境建置(上) - Babel 編譯工具 講解 Babel 後,這篇將來介紹 ESLint ,使用 ESLint 偵錯工具來檢查 JavaScri...

技術 [ES6-重點紀錄] 開發環境建置(上) - Babel 編譯工具

已經寫了好幾篇介紹 ES6 特色的文章,這次就來詳細介紹 JavaScript ES6 的開發環境要如何建立吧!由於文章內容有點長,就分為兩篇來討論,此篇主軸為...

技術 [ES6-重點紀錄] 其他的 API 與特性擴展

在 JavaScript ES6 標準規範中,其實還有很多的新擴展、新語法、新 API 都很有特色,只是這些就比較不常用了,大部分的功能也都能使用舊方法去實現,...

技術 [ES6-重點紀錄] Module System 模組系統

ES6 導入了模組系統的支援,它採用了 CommonJS 與 AMD 的優點,在編譯時進行靜態加載,而且可以使用於瀏覽器與伺服器端。概念上是將一個大程序拆分成互...

技術 [ES6-重點紀錄] Map 物件

這是 ES6 中一種新的資料結構,每組資料都有對應的 key 值與 value 值,所以 Map 在意義上類似於物件。 而 key 值的範圍不限於字串,可以是各...

技術 [ES6-重點紀錄] Symbol 資料類型

這是 ES6 中一種新的原始資料類型,表示獨一無二的值,Symbol 的值通過Symbol函數生成,可以保證不會與其他屬性名或數值產生衝突,所以很適合用來代替傳...

技術 [ES6-重點紀錄] class 類別語法

ES6 中的class類別,它是效仿其他程式語言擁有物件導向(OOP)的概念,取代需要原型 prototype 的操作,因為寫法更簡潔與易於理解,用來代替 ja...

技術 [ES6-重點紀錄] 物件語法糖的擴展

物件在 JavaScript 中是非常重要的資料結構,而在 ES6 之後擴展了它的語法結構,讓表示法變得更簡單易懂,還增加了屬性名稱的動態改變。 更簡潔的表示...

技術 [ES6-重點紀錄] 箭頭函數 Arrow Function

它是 ES6 標準裡其中非常受歡迎的新語法,允許使用 =>(箭頭) 來定義函數,比起一般函數可以用更簡短的語法來表示,可以讓程式碼的可閱讀性提高。 基本...

技術 [ES6-重點紀錄] 函數中的預設參數 & Rest 參數

JavaScript 終於讓函數也能有預設值了,在 ES6 中為函數加入了預設參數 (Default parameters) 與 Rest 參數的語法,在設計或...

技術 [ES6-重點紀錄] 擴展運算子 Spread Operator

ES6 加入了新的運算子... Spread Operator,簡化了展開陣列的過程,應用上真的非常廣,像是取值、複製、合併、轉換型態、取代舊式 API...等...

技術 [ES6-重點紀錄] 樣板文字串 Template literals

ES6 導入了樣板文字串 Template literals 是為了增強字串的表示方式,還能直接填入變數與表達式,可以更方便地輸出想要的文字組合了。 使用特性...

鐵人賽 自我挑戰組 DAY 11

技術 Good Morning, Functional JS (Day 10, Partial Application 偏函數應用)

本系列文章,內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主 目標:是讀懂 FP,能用 code...

技術 [ES6-重點紀錄] 取值迴圈 for…of

ES6 新的迭代迴圈方法,基本上這與傳統上陣列的forEach()方法是類似的,另外這跟for...in迴圈很相似,但這兩者的用法是不同的,以下會多舉例比較他們...

技術 [ES6-重點紀錄] 解構賦值 Destructuring Assignment

ES6 新的概念 解構賦值,這使得傳值變得更為方便,可以想像是分解一個物品再分別套入對應的組件中,這樣的作法讓 JavaScript 的擴展上變得更為彈性,甚至...

鐵人賽 自我挑戰組 DAY 10

技術 Good Morning, JS (Day 9, ES6 Class 地雷)

今天為番外篇,最近研究 FP ,在 programming paradigm 除了 FP,大家肯定聽過 OOP,其中 class 父子繼承是最常見的模式,在...

鐵人賽 自我挑戰組 DAY 8

技術 Good Morning, JS (Day 7, 敲敲打打玩轉 function)

本系列文章,內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主 目標:是讀懂 FP,能用 code...

技術 [ES6-重點紀錄] 宣告方式 let、const

ES6 新的兩種宣告方式,主要是用來取代var舊式宣告,新的方式讓變數本身涉及的範圍變小了,改善了許多潛在問題。 let 為變數宣告 const 為常數宣告...

鐵人賽 Modern Web DAY 22
邁向 JavaScript 勇者之路 系列 第 22

技術 JavaScript ES6 解構賦值

解構賦值這是在 MDN 文件上的翻譯名詞,如果簡單來說他是個語法糖,讓我們在寫 物件、陣列 的時候可以使用縮寫來達到相同的效果,了解其中的規則再運用上最會很便利...

鐵人賽 Modern Web DAY 20
邁向 JavaScript 勇者之路 系列 第 20

技術 ES6 的縮寫概念

再參加過那麼多次鐵人賽,我自己習慣在週六寫比較簡短的文章,因此本篇也是屬於短文,還要介紹 ES6 偷懶的方法(O),這讓撰寫 JavaScript 變得更簡化,...