這裡先提供一篇我之前介紹 樣板字面值 的基礎介紹https://ithelp.ithome.com.tw/articles/10249053 巢狀結構${}...
箭頭函式常見問題 若要回傳物件需用一個括號包住 const fn = () => ({ data: 1 }); console.log(fn...
箭頭函式 傳統函式 const callName = function(someone){ return '我是' + someone; } cons...
這裡先附上之前所介紹的 JS ES6let 與 const 的基本介紹https://ithelp.ithome.com.tw/articles/1024841...
前言 在this Or That?中提到了許多對於this的誤解，並且也對於這些誤解做了一些解釋，我們了解到this是對每個函式調用的綁定，是基於被調用的位置而...
Setter 與 SetterGetter: 取得特定值的方法Setter: 存值的方法 Getter var wallet = { total: 10...
屬性列舉與原型的關係自訂原型 與 原生原型 最大的不同是在可列舉(enumerable)的部分原生原型enumberable : false;自訂原型enumb...
本文章同時發佈於： Medium iT 邦幫忙 大家好，這篇文章主要是六角學院鐵人賽與 2020 iT 邦幫忙鐵人賽對於 JavaScript 到...
物件擴充的修改與調整 是針對物件本身(請牢記!!) preventExtensions (防止擴充) seal (封裝) Freeze (凍結) preve...
Object.defineProperty定義物件屬性，調整屬性特徵(請牢記!!) // 定義物件屬性，調整屬性特徵 Object.defineProperty...
var b = new String('abcdef'); // 這裡 String 為建構函式 console.log(b); console.dir(Str...
前言 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...
asn lin
ShawnL
Alysa Chan
PerryLiao
iThome鐵人賽
看影片追技術