iT邦幫忙

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

技術 二十三日目:JavaScript ES6:箭頭函式 アロー関数ノ章

おはー(U 'ᴗ' U)⑅ SONYKO 打油 ♡♡♡ 是說我連續 2 天都是 23 : 57 分發文 是說我 mac 的輸入法 ... 韓式還不是你逼我用...

鐵人賽 自我挑戰組 DAY 21
JavaScript基礎30天 系列 第 21

技術 JS 代辦事項 基礎教學(1) DAY21

今天開始大量的實作啦~~~ JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作 若還不熟 localStroage 的朋友們 可...

鐵人賽 Modern Web DAY 16

技術 十六日目:JavaScript ES6 constノ章

おはー(U 'ᴗ' U)✧ 我是 SONYKO 今天介紹 const ⑅   喔喔喔喔喔喔!空司透!(゜д゜#) ⑅ const 是什麼 (U 'ᴗ' U)...

鐵人賽 自我挑戰組 DAY 29

技術 初探JavaScript - ECMAScript 6 - 用var、let和const的差別?

ES 6(ECMAScript 6 / ECMAScript 2015 / JavaSCript6)是提升JavaScript程式碼品質最佳利器。 在ES6中有...

鐵人賽 Modern Web DAY 15

技術 十五日目:JavaScript ES6 letノ章

おはよー(U 'ᴗ' U)✧ 我是 SONYKO 來講一下ES6 推出的新宣告方式 let 和 const ⑅ 我們var 了那麼久、為什麼不能var ? 這篇...

鐵人賽 Modern Web DAY 5

技術 DAY5-Javascript Set和Map (下)

Map Map是一種資料結構,和前一天所介紹的加工資料的方法map()是完全不一樣的東西喔。 和Set不一樣,Map重視鍵和值(key/value)之間的關係,...

鐵人賽 Modern Web DAY 4

技術 DAY4-Javascript Set和Map (上)

Set和Map是Javascript ES6內建的標準物件。可以幫助我們處理更多不同情境的問題。 Set關心的是值(value),並且值是不是唯一;而Map關心...

鐵人賽 Modern Web DAY 3

技術 DAY3-常見的Javascript使用技巧與情境

Javascript ES6帶來很多方便且實用的新語法(其實ES6也不新的,但是IE就是不支援?), 很多網站都有很詳細介紹新語法,筆者本人也是在各大網站看了好...

鐵人賽 自我挑戰組 DAY 14

技術 14 ES6:樣板字串與箭頭函式

前言 本來是要直接進行中間大魔王的關卡,但如果少講了樣板字串,會讓後面單挑大魔王時,程式碼變得很雜亂不容易閱讀。因此要先岔出來講一下這兩個東西。 樣板字串 Te...

鐵人賽 自我挑戰組 DAY 2

技術 02 var、let、const 與 ES6 簡介

前言 昨天最後的題目,不知道大家解開了嗎?下面的程式中,有幾個變數、幾個型別、幾個記憶體? var a; a = 1; a = "a字串"...

技術 ES6 學習筆記_03(作用鏈)

作用鏈 在JavaScript中,函數可以製造一個作用域(函數作用域),如果函數中還有函數那麼這個作用域中又會建立一個作用域,將所有的作用域列出來可以獲得一個結...

技術 [自學筆記] ES6 的好用地方

知識淺短的我~對於這種事就會像是發現新大陸 哈哈~ 看到書上的ES6寫法 let a = [...b]; // 可以用來複製陣列 這與一般認為的 a = b...

技術 ES6 學習筆記_01(let & const)

let基本介紹 在ES6中新增了let與const兩個命令,用法類似於var但是最大的不同在於var作用於全域而let與const作用於塊狀區域中。 var作用...

技術 Javascript 進階 8-1 Let, Const 基本概念

這個章節,主要來介紹 ES6 中宣告變數的語法糖,Let 以及 Const。 ES6主要是為了改善以及加快開發速度所產生的語法,也可以避免掉傳統ES5一些語法所...

技術 JS 中的陣列 trim 方法

JavaScript 中有字串的 trim 方法,但卻沒有陣列的 trim ,現在就來嘗試實作一個陣列的 trim 吧。 本文的範例不考慮型別錯誤等問題,聚焦...

鐵人賽 Modern Web DAY 15

技術 15. [JS] 什麼是原型鏈?

今天是鐵人賽的第十五天,旅程進行到了一半,而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容,今天也將接續下去,跟大家聊聊許...

鐵人賽 Modern Web DAY 30

技術 【懶人包閱讀順序】ES6 學習筆記

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 10

技術 10. [JS] 一般函式與箭頭函式的差異?

旅程來到了第 10 天,這趟旅程真的有點硬啊...不過每天只要花一點點時間,就能讓逐漸讓自己變強,這樣的感覺是不是很棒呢? 今天的主題輕鬆一點,來看看 Jav...

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

技術 Day20【ES6 小筆記】什麼是「語法糖」哩?

在學習 ES6 的路上,常常會看到「語法糖」這個名詞,但一直不知道是什麼意思,我們來看看維基百哥怎麼說的: 語法糖是由英國電腦科學家彼得·蘭丁發明的一個術語,...

鐵人賽 Modern Web DAY 19

技術 Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

三元運算子可以拿來做簡單的判斷,在兩個結果間快速的做出選擇!雖然不是 ES6 才出的語法,但是 airbnb 有提到,今天就來介紹一下他的用法唄! ESLin...

鐵人賽 Modern Web DAY 17

技術 Day17【ES6 小筆記】Array.reduce() - 陣列累加 / 比大小 妙招

上次練習了 airbnb 推薦的 map() 語法,我們再來複習一次 ESLint airbnb 的規則怎麼說的: 11.1 不要使用迭代器。更好的做法是使...