iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 1 留言 6815 瀏覽

鐵人賽 Modern Web DAY 7

透過 ESLint 練習 JavaScript ES6 系列第 7 篇

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

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

江江好 ‧ 2019-09-08 ‧團隊火箭隊

0 Like 0 留言 6621 瀏覽

鐵人賽 Modern Web DAY 23

你不可不知的 JavaScript 二三事系列第 23 篇

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

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

OneJar ‧ 2018-11-07

3 Like 1 留言 6612 瀏覽

鐵人賽 Modern Web DAY 24

透過 ESLint 練習 JavaScript ES6 系列第 24 篇

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

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

江江好 ‧ 2019-09-25 ‧團隊火箭隊

3 Like 1 留言 6537 瀏覽

鐵人賽 Modern Web DAY 2

一步一腳印-紮紮實實學es6 系列第 2 篇

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

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

Paul.Ciou ‧ 2018-10-02

0 Like 0 留言 6010 瀏覽

鐵人賽 Modern Web DAY 11

重新學習網頁設計系列第 11 篇

技術 DAY 11. JavaScript Map and Set

DAY 11. JavaScript Map and Set Map與Set是es6提供兩種新的數據結構這個單元將討論他們與Array, Object的差異以及...

Cian ‧ 2017-12-14

3 Like 2 留言 6008 瀏覽

鐵人賽 Modern Web DAY 29

你懂 JavaScript 嗎？系列第 29 篇

技術你懂 JavaScript 嗎？#29 語法（Syntax）

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

Summer ‧ 2018-11-05 ‧團隊武裝狗狗

4 Like 3 留言 5960 瀏覽

鐵人賽 Modern Web DAY 10

透過 ESLint 練習 JavaScript ES6 系列第 10 篇

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

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

江江好 ‧ 2019-09-11 ‧團隊火箭隊

0 Like 0 留言 5760 瀏覽

鐵人賽 Modern Web DAY 13

React - DOM界的彼方系列第 13 篇

技術 Day 13: ES6篇: Object Enhancement(物件的增強)

本章的目標是對ES6中的物件字面文字、以及物件中的方法，所提供的改進或增強部份，提供一些較為全面的說明。JavaScript本身就是一個完全的物件導向的程式語...

eyesofkids ‧ 2016-12-13

1 Like 0 留言 5691 瀏覽

鐵人賽 Modern Web DAY 6

透過 ESLint 練習 JavaScript ES6 系列第 6 篇

技術 Day06【ES6 小筆記】函式參數預設值 - 基礎範例（Default Arguments）

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

江江好 ‧ 2019-09-07 ‧團隊火箭隊

3 Like 2 留言 5619 瀏覽

鐵人賽 Modern Web DAY 15

前端三十 - 成為更好的前端工程師系列第 15 篇

達標好文技術 15. [JS] 什麼是原型鏈？

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

Gary ‧ 2019-10-01 ‧團隊Wow Doge!

1 Like 0 留言 5428 瀏覽

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

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

Vision ‧ 2018-01-13

5 Like 1 留言 5383 瀏覽

鐵人賽 Modern Web DAY 8

透過 ESLint 練習 JavaScript ES6 系列第 8 篇

技術 Day08【ES6 小筆記】剩餘參數 - 基礎使用範例（Rest parameter）

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

江江好 ‧ 2019-09-09 ‧團隊火箭隊

4 Like 2 留言 5311 瀏覽

鐵人賽 Modern Web DAY 22

透過 ESLint 練習 JavaScript ES6 系列第 22 篇

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

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

江江好 ‧ 2019-09-23 ‧團隊火箭隊

0 Like 0 留言 5230 瀏覽

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

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

Vision ‧ 2017-12-30

0 Like 0 留言 5128 瀏覽

鐵人賽 Modern Web DAY 1

一步一腳印-紮紮實實學es6 系列第 1 篇

技術搞懂變數作用域

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

Paul.Ciou ‧ 2018-10-01

0 Like 0 留言 5118 瀏覽

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

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

Vision ‧ 2017-12-26

1 Like 1 留言 5013 瀏覽

技術 JS 中的陣列 trim 方法

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

Peter Chen ‧ 2020-03-20

1 Like 1 留言 4644 瀏覽

鐵人賽自我挑戰組 DAY 10

Good Morning, JS functional Programing. 系列第 10 篇

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

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

LeeBoy ‧ 2017-12-29 ‧團隊好想工作室第一屆鐵人賽

3 Like 0 留言 4504 瀏覽

鐵人賽 Modern Web DAY 6

「小孩才做選擇，我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列第 6 篇

技術 [ Vue.js ] 資料選項 Options

學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 V...

ShawnL ‧ 2019-09-08

3 Like 2 留言 4355 瀏覽

鐵人賽 Modern Web DAY 12

透過 ESLint 練習 JavaScript ES6 系列第 12 篇

技術 Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料，而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...

江江好 ‧ 2019-09-13 ‧團隊火箭隊

1 Like 1 留言 4094 瀏覽

技術解構JavaScript物件超簡單

本文獲作者WES BOS， ES6 FOR EVERYONE (ES6.io) 的講師，授權翻譯解構(Destructuring )佔ES6很大的部分。如果...

yhsat ‧ 2017-01-10

0 Like 0 留言 4078 瀏覽

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

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

Vision ‧ 2018-01-03

1 Like 0 留言 4020 瀏覽

鐵人賽自我挑戰組 DAY 2

花三十天找到 JavaScript 沙漠中的綠洲系列第 2 篇

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

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

我是圈圈 ‧ 2020-09-02

4 Like 0 留言 4012 瀏覽

鐵人賽 Modern Web DAY 25

透過 ESLint 練習 JavaScript ES6 系列第 25 篇

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

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

江江好 ‧ 2019-09-26 ‧團隊火箭隊

3 Like 1 留言 3976 瀏覽

鐵人賽 Modern Web DAY 5

透過 ESLint 練習 JavaScript ES6 系列第 5 篇

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

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

江江好 ‧ 2019-09-06 ‧團隊火箭隊

0 Like 0 留言 3932 瀏覽

鐵人賽 Modern Web DAY 20

你不可不知的 JavaScript 二三事系列第 20 篇

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

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

OneJar ‧ 2018-11-04

2 Like 1 留言 3781 瀏覽

鐵人賽 Modern Web DAY 20

邁向 JavaScript 勇者之路系列第 20 篇

技術 ES6 的縮寫概念

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

卡斯伯 ‧ 2017-12-23

2 Like 2 留言 3760 瀏覽

鐵人賽 Modern Web DAY 16

透過 ESLint 練習 JavaScript ES6 系列第 16 篇

技術 Day16【ES6 小筆記】// javascript 怎麼下個好註解？

今天來介紹 ESLint airbnb 中對於註解的建議，好的註解除了可以增加程式碼的可讀性之外，對於團隊間的開發，如果有培養下註解的默契，在維護上也會有幫助歐...

江江好 ‧ 2019-09-17 ‧團隊火箭隊

2 Like 1 留言 3663 瀏覽

鐵人賽 Modern Web DAY 17

邁向 JavaScript 勇者之路系列第 17 篇

技術 ES6 開始的新生活 let, const

接下來本篇開始會介紹 ES6 語法，在很久之前聽到 ES6 這個名詞時我都是保持觀望的態度，裡面有許多語法讓我感覺的不是很真實，像是 ...、=>、cla...

卡斯伯 ‧ 2017-12-20

1 Like 0 留言 3536 瀏覽