前言 this是JavaScript中最令人困惑的關鍵字之一，他會自動在每個function作用域中生成，但是this實際上是指向什麼對很多資深的JS開發人員來...
原型物件會有自己的屬性原型也是實體可以繼承原型，原型也可以繼承原型所以繼承可以一段一段向上繼承，這種繼承方式稱為原型練 一個原型新增兩個實體這兩個實體會共用原型...
call, apply call , apply 立刻執行bind 不會立刻執行 var nickname = '小雞公主'; var family = {...
this看到這個是不是很頭痛???但別怕 接著往下看 this 基本觀念 每個執行環境都有屬於自己 this的關鍵字 this 與 函式如何宣告沒有關連性，僅...
閉包(Closure) 可以讓資源的記憶體不被釋放，讓外部能重複執行 function storeMoney(){ var money = 100;...
參數 函式包含哪些參數?? var globalVariable = '全域變數'; var obj = { fn: function(item){...
有關函式的基礎介紹可參考我之前發的文章https://ithelp.ithome.com.tw/articles/10253184/draft 在我們之前使用...
JS 在將值賦予到變數上時會有兩個特性(Call by value(傳值) 與 Call by reference(傳參考)) // 傳值 var name1...
物件與純值 var family = {}; family.name = '皮傑先生'; console.log(family); // 純值無法新增屬性...
打開視野藉由這次鐵人賽我看到許多不同類型的文章，也看到很多人在前端技術上努力(鐵人賽還有很多主題，但我這次聚焦在前端上)，也發現自己還有很大的進步空間，可以挑戰...
同步（Synchronous）與非同步（Asynchronous） 在理解執行上下文與呼叫堆疊之後，眼尖的讀者應該會發現一個問題，那就是既然程式碼是幾乎是一行一...
post — 傳統表單輸入介紹這個功能常用在註冊帳號時，將使用者輸入的資料跟資料庫做比對，檢查是否有重複的帳號。form 表單的 action 屬性要填入後端伺...
前言 在本章節中將介紹這本書最重要的程式組織之一，module，module會用到我們之前所介紹的所有觀念(lexical scope,closure...)，...
什麼是 AJAX ？AJAX 是 Asynchronous JavaScript and XML（非同步的 JavaScript 與 XML 技術）的縮寫，簡單...
經過這幾天學習AJAX，對於接API開始有點認識了，雖然有把一些例子順利寫出來跟大家分享，但是背後也曾經出了不少奇怪問題，例如以下經典問題： fetch('ht...
本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...
物件結構 // 物件實字 var farm = { dog : '小黑', duck : 20, farmer:{ ma...
今天要來提提昨天學到的執行上下文對於整個 JavaScript 執行過程中的角色以及當瀏覽器事件發生時 JavaScript 引擎的運作情形。 呼叫堆疊（Cal...
邏輯運算子MDN : https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Page...
經過了二十多天，一路上我們從基本的邏輯思考方式到瞭解 JavaScript 的意義，再從 JavaScript 原生基礎語法到瀏覽器相關 API 的實作，基本上...
四開四個主題實在太累，JavaScript技術手冊閱讀筆記這個主題就是讀這本書買很久的書，順便把之前的JS筆記一起整理，不過其實也沒有屯稿，每天抱佛腳產出一點東...
長庚
‧
2020-10-15
MDN: https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy if(5){ console...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
前言 目前為止我們都專注在解釋辭法範圍，以及他會對程式中的變量與使用產生什麼影響，本章節會將角度轉移到closure，回顧一下Limiting Scope Ex...
30 - A Chain adding function Don't say so much, just coding... Instruction We wa...
鐵人煉成，回顧三十天 三十天過去了，沒想到我竟然成功完成鐵人賽了！ 上次鐵人賽完賽心得的第一句話是 "轉眼間就過了三十天"，但在這次的挑戰中...
這篇的完整的程式可以到 https://github.com/DanSnow/ironman-2020/tree/master/build-tool/pack...
本系列已集結成書從 0 到 Webpack：學習 Modern Web 專案的建置方式，這是一本完整介紹 Webpack 的專書，如有學習 Webpack 相...
BOM，是 JavaScript 與瀏覽器溝通的橋樑，JavaScript 可以透過 BOM 對瀏覽器進行各種操作，包含開啟及關閉視窗、改變視窗大小、計時器、取...
嚴格相等型別與內容 "皆" 需相等 // 內容一樣 型別不一樣 false console.log(1 === '1'); // 內容一樣...
asn lin
ShawnL
Alysa Chan
PerryLiao
Andy Chang
Chester
Henry Chang
DanSnow
Peter Chen
iThome鐵人賽
看影片追技術