KD's Tech Blog

Hi, 我是 KD Chang 凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

JavaScript this 使用情境入門教學筆記 | 學習筆記

前言在 JavaScript 中，箭頭函式（arrow function）與傳統函式在 this 的行為上有一些不同。箭頭函式不會創建自己的 this，而是繼承外部作用域的 this，這就是為什麼你會遇到 this 的問題。傳統函式中的 this在傳統的函式中，this 會指向該函式被調用時的上下文。例如，當函式作為事件處理器時，this 會指向觸發事件的元素。 function regu......

Posted by kdchang on 2023-12-21

JavaScript 多事件處理綁定使用情境入門教學筆記 | 學習筆記

前言在 JavaScript 中，你可以通過事件處理的方式來為多個 input 元素綁定事件處理器。這樣做可以讓你在父容器上綁定一個事件處理器，並通過 event.target 確定觸發事件的具體 input 元素，而不需要為每個 input 元素單獨綁定事件。事件委派的概念事件委派是一種常見的事件處理技術，它將事件綁定到父元素或容器上，然後通過 event.target 來確定哪個子元素......

Posted by kdchang on 2023-12-21

JavaScript 箭頭函式 (Arrow Function）入門教學筆記 | 學習筆記

在 JavaScript 的箭頭函式 (Arrow Function, =>) 中，this 的行為與傳統的函式表達式 (Function Expression) 不同，主要特點如下：箭頭函式的 this 綁定箭頭函式不會建立自己的 this，而是繼承定義它的上下文（也稱為詞法作用域 Lexical Scope）。在箭頭函式內部，this 指向的是箭頭函式所處的外部函式的......

Posted by kdchang on 2021-01-16

JavaScript 物件導向（Object-oriented programming）入門教學筆記 | 學習筆記

1. 物件導向與 new 關鍵字JavaScript 是基於原型 (Prototype) 的物件導向語言，而非典型的類別 (Class) 為基礎的語言。但 ES6 之後，JavaScript 引入了 class 語法，使其更接近傳統的物件導向語言，如 Java 或 C++。在 JavaScript 中，new 關鍵字用於建立物件，並且會執行以下步驟：建立一個新的空物件。設定該物件......

Posted by kdchang on 2021-01-16

JavaScript this 入門教學筆記 | 學習筆記

在 JavaScript 中，this 是一個關鍵字，它的值會根據執行環境的不同而改變。以下是 this 在不同情境下的行為： 1. 全域環境 (Global Context)在瀏覽器中，this 預設指向 window 物件： console.log(this); // 在瀏覽器中，this 指向 window 在 Node.js 環境下，this 則指向 global： console......

Posted by kdchang on 2021-01-16

ABOUT ME

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品/專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS

Follow @kaidichang