iT邦幫忙

es6相關文章
共有 83 則文章
鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 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 父子繼承是最常見的模式,在...