KD's Tech Blog

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

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


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

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


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

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


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