KD's Tech Blog

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

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

JavaScript var 閉包（Closure）入門教學筆記 | 學習筆記

什麼是閉包（Closure）？閉包是 JavaScript 中的一個重要概念，指的是函式在創建時，能夠記住並存取其外部作用域的變數，即使該作用域已經執行完畢。這種特性使得 JavaScript 的函式可以擁有「記憶」的能力，允許函式保持對外部變數的存取權。閉包的概念建立在 JavaScript 的詞法作用域（Lexical Scope）之上，也就是函式可以存取其被定義時所在的作用域中的變數......

Posted by kdchang on 2021-01-16

Vue3 Options API 和 Composition API 風格差異教學筆記 | 學習筆記

前言根據官方文件的說明，一般來說 Vue 元件可以用兩種不同的 API 風格來撰寫：Options API 和 Composition API。 Options API使用 Options API 時，我們透過一個包含 data、methods 和 mounted 等選項的物件來定義元件邏輯。選項中定義的屬性會在函式內透過 this 曝露，this 指向的是元件實例。 <script......

Posted by kdchang on 2020-11-16

JavaScript ES6 入門語法教學筆記 | 學習筆記

ECMAScript 6 又稱 ECMAScript 2015，是 JavaScript 語言的新一代標準，讓 JavaScript 可以更容易撰寫大型複雜的應用程式並避免不必要的錯誤。以下介紹常用 ES6 入門語法：一、let & const 變數宣告 let：用於宣告變數，可重新賦值。 let name = 'John';name = 'Mike......

Posted by kdchang on 2017-02-01

ABOUT ME

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

FRIENDS

Follow @kaidichang