33-js-concepts
每個 JavaScript 開發者都應該知道的 33 個概念
🚀 被 GitHub 視為 2018 年頂尖開源專案之一！
簡介
這個儲存庫是為了幫助開發者掌握 JavaScript 概念而建立的。這不是必須的要求，而是未來學習的指南。它基於 Stephen Curtis 撰寫的一篇文章，您可以在這裡閱讀。
社群
歡迎透過添加您自己的總結或評論連結來提交 PR。如果您想將此儲存庫翻譯成您的母語，請隨時進行。
此儲存庫的所有翻譯將列於下方：
- اَلْعَرَبِيَّةُ (Arabic) — Amr Elsekilly
- Български (Bulgarian) - thewebmasterp
- 汉语 (Chinese) — Re Tian
- 繁體中文 (Traditional Chinese) — Will Huang
- Português do Brasil (Brazilian Portuguese) — Tiago Boeing
- 한국어 (Korean) — Suin Lee
- Español (Spanish) — Adonis Mendoza
- Türkçe (Turkish) — İlker Demir
- русский язык (Russian) — Mihail Gumennii
- Tiếng Việt (Vietnamese) — Nguyễn Trần Chung
- Polski (Polish) — Dawid Lipinski
- فارسی (Persian) — Majid Alavizadeh
- Bahasa Indonesia (Indonesian) — Rijdzuan Sampoerna
- Français (French) — Robin Métral
- हिन्दी (Hindi) — Vikas Chauhan
- Ελληνικά (Greek) — Dimitris Zarachanis
- 日本語 (Japanese) — oimo23
- Deutsch (German) — burhannn
- украї́нська мо́ва (Ukrainian) — Andrew Savetchuk
- සිංහල (Sinhala) — Udaya Shamendra
- Italiano (Italian) — Gianluca Fiore
- Latviešu (Latvian) - Jānis Īvāns
- Afaan Oromoo (Oromo) - Amanuel Dagnachew
- ภาษาไทย (Thai) — Arif Waram
- Català (Catalan) — Mario Estrada
- Svenska (Swedish) — Fenix Hongell
- ខ្មែរ (Khmer) — Chrea Chanchhunneng
- አማርኛ (Ethiopian) - Miniyahil Kebede(ምንያህል ከበደ)
- Беларуская мова (Belarussian) — Dzianis Yafimau
- O’zbekcha (Uzbek) — Shokhrukh Usmonov
- Urdu (اردو) — Yasir Nawaz
- हिन्दी (Hindi) — Mahima Chauhan
- বাংলা (Bengali) — Jisan Mia
- ગુજરાતી (Gujarati) — Vatsal Bhuva
- سنڌي (Sindhi) — Sunny Gandhwani
- भोजपुरी (Bhojpuri) — Pronay Debnath
- ਪੰਜਾਬੀ (Punjabi) — Harsh Dev Pathak
- Latin (Latin) — Harsh Dev Pathak
- മലയാളം (Malayalam) — Akshay Manoj
- Yorùbá (Yoruba) - Ayomide Bajulaye
- עברית (Hebrew) — Refael Yzgea
- Nederlands (Dutch) — Dave Visser
目錄
- 呼叫堆疊
- 原始型別
- 值型別和參考型別
- 隱含、顯式、名義、結構化和鴨子型別
- == vs === vs typeof
- 函式作用域、區塊作用域和詞法作用域
- 表達式 vs 陳述式
- IIFE、模組和命名空間
- 訊息佇列和事件迴圈
- setTimeout、setInterval 和 requestAnimationFrame
- JavaScript 引擎
- 位元運算子、型別陣列和陣列緩衝區
- DOM 和佈局樹
- 工廠和類別
- this、call、apply 和 bind
- new、建構函式、instanceof 和實例
- 原型繼承和原型鏈
- Object.create 和 Object.assign
- map、reduce、filter
- 純函式、副作用、狀態變異和事件傳播
- 閉包
- 高階函式
- 遞迴
- 集合和產生器
- Promises
- async/await
- 資料結構
- 昂貴的操作和大 O 記號
- 演算法
- 繼承、多型和程式碼重用
- 設計模式
- 部分應用、柯里化、組合和管道
- 乾淨程式碼
1. 呼叫堆疊
呼叫堆疊是 JavaScript 直譯器用來追蹤程式中函式執行的機制。在 JavaScript 中，函式會按照被呼叫的順序執行。呼叫堆疊遵循「後進先出」（LIFO）原則，這意味著最後被推入堆疊的函式會是第一個被執行的。
根據 ECMAScript 規範，呼叫堆疊被定義為執行環境的一部分。每當函式被呼叫時，就會建立一個新的執行環境並放置在堆疊頂端。一旦函式完成，其執行環境就會從堆疊中移除，控制權回到先前的環境。這有助於管理同步程式碼的執行，因為每個函式呼叫必須完成後，下一個才能開始。
參考資料
文章
- Understanding Javascript Call Stack, Event Loops — Gaurav Pandvia
- Understanding the JavaScript Call Stack — Charles Freeborn
- Javascript: What Is The Execution Context? What Is The Call Stack? — Valentino Gagliardi
- What is the JS Event Loop and Call Stack? — Jess Telford
- Understanding Execution Context and Execution Stack in Javascript — Sukhjinder Arora
- How JavaScript Works Under The Hood: An Overview of JavaScript Engine, Heap and, Call Stack — Bipin Rajbhar
- The JS Call stack Explained in 9 minutes - Colt Steel (YouTube)
影片
- Javascript: the Call Stack explained — Coding Blocks India
- The JS Call Stack Explained In 9 Minutes — Colt Steele
- What is the Call Stack? — Eric Traub
- The Call Stack — Kevin Drumm
- Understanding JavaScript Execution — Codesmith
- What the heck is the event loop anyway? — Philip Roberts
- How JavaScript Code is executed? ❤️& Call Stack — Akshay Saini
- Call Stacks - CS50
- Learn the JavaScript Call Stack - codecupdev
-
[JavaScript Functions and the Call Stack How does the Call stack work - Chidre’sTechTutorials](https://www.youtube.com/watch?v=P6H-T4cUDR4)
2. 原始型別
根據 ECMAScript 規範，JavaScript 有六種原始資料型別：string、number、bigint、boolean、undefined 和 symbol。這些型別是不可變的，意味著它們的值無法被改變。還有一個特殊的原始型別叫做 null，它代表刻意不存在任何物件值。
原始值是直接指派給變數的，當您操作原始型別時，您是直接操作該值。與物件不同，原始型別沒有屬性或方法，但 JavaScript 會在必要時自動將原始值包裝成對應的物件（例如，在字串上呼叫方法時）。
參考資料
文章
- Primitive and Non-primitive data-types in JavaScript - GeeksforGeeks
- How numbers are encoded in JavaScript — Dr. Axel Rauschmayer
- What Every JavaScript Developer Should Know About Floating Point Numbers — Chewxy
- The Secret Life of JavaScript Primitives — Angus Croll
- Primitive Types — Flow
- (Not) Everything in JavaScript is an Object — Daniel Li
- JavaScript data types and data structures — MDN
- Diving Deeper in JavaScripts Objects — Arfat Salman
- The differences between Object.freeze() vs Const in JavaScript — Bolaji Ayodeji
- Object to primitive conversion — JavaScript.Info
- Methods of primitives - Javascript.info
影片
- JavaScript Reference vs Primitive Types — Academind
- JavaScript Primitive Types — Simon Sez IT
- Value Types and Reference Types in JavaScript — Programming with Mosh
- JavaScript Primitive Data Types — Avelx
- Everything you never wanted to know about JavaScript numbers — Bartek Szopka
- What are variables in Javascript? — JS For Everyone
- TIPOS DE DATOS PRIMITIVOS en JAVASCRIPT - La Cocina del Código
- Data Type in JavaScript - ScholarHat
3. 值型別和參考型別
根據 ECMAScript 規範，值型別是直接儲存在變數所存取位置的。這些包括 number、string、boolean、undefined、bigint、symbol 和 null 等型別。當您將值型別指派給變數時，儲存的是值本身。
另一方面，參考型別是儲存在堆積中的物件。指派給參考型別的變數實際上儲存的是物件的參考（指標），而不是物件本身。當您將參考型別指派給另一個變數時，兩個變數都參考記憶體中的同一個物件。
文章
- Explaining Value vs. Reference in Javascript — Arnav Aggarwal
- Primitive Types & Reference Types in JavaScript — Bran van der Meer
- Value Types, Reference Types and Scope in JavaScript — Ben Aston
- Back to roots: JavaScript Value vs Reference — Miro Koczka
- Grasp “By Value” and “By Reference” in JavaScript — Léna Faure
- JavaScript Reference and Copy Variables — Vítor Capretz
- JavaScript Primitive vs Reference Values
- JavaScript by Reference vs. by Value — nrabinowitz
- JavaScript Interview Prep: Primitive vs. Reference Types — Mike Cronin
- JavaScript map vs. forEach: When to Use Each One - Sajal Soni
影片
- Javascript Pass by Value vs Pass by Reference — techsith
- JavaScript Value vs Reference Types — Programming with Mosh
- VALORES vs REFERENCIAS en JAVASCRIPT - La Cocina del Código
- JavaScript - Reference vs Primitive Values/ Types - Academind
- Value Types and Reference Types in JavaScript - Programming with Mosh
4. 隱含、顯式、名義、結構化和鴨子型別
ECMAScript 規範將 JavaScript 定義為動態型別語言，這意味著型別與值相關聯而非變數，且型別檢查在執行時發生。JavaScript 管理型別有多種方式：
隱含型別（或型別強制轉換）： 這發生在 JavaScript 需要時自動將一種資料型別轉換為另一種時。例如，JavaScript 可能在算術運算期間將字串轉換為數字。雖然這可以簡化某些程式碼，但如果處理不當，也可能導致意外的結果。
顯式型別： 與隱含型別不同，顯式型別涉及使用 Number()、String() 或 Boolean() 等函式手動將值從一種型別轉換為另一種型別。
名義型別（Nominal Typing）： JavaScript 原生並不支援名義型別，即明確宣告和檢查型別的方式。然而，TypeScript 作為 JavaScript 的超集，帶來了這個功能來幫助在開發過程中捕獲型別錯誤。
結構型別（Structural Typing）： 在這種型別系統中，型別是基於資料的結構或屬性。JavaScript 是一種結構型別語言，其中物件如果具有相同的結構（即相同的屬性和方法集合）就是相容的。
鴨子型別（Duck Typing）： 這是一個概念，物件的適用性是由某些屬性和方法的存在來決定，而不是由物件的實際型別決定。JavaScript 大量依賴鴨子型別，其中行為是從物件的屬性推斷出來的，而非其宣告的型別。
文章
- What you need to know about Javascript’s Implicit Coercion — Promise Tochi
- JavaScript Type Coercion Explained — Alexey Samoshkin
- Javascript Coercion Explained — Ben Garrison
- What exactly is Type Coercion in Javascript? - Stack Overflow
影片
- == ? === ??? …#@^% - Shirmung Bielefeld
- Coercion in Javascript - Hitesh Choudhary
- JavaScript Questions: What is Coercion? - Steven Hancock
- Typing: Static vs Dynamic, Weak vs. Strong - Codexpanse
- EL SISTEMA de TIPOS DE JAVASCRIPT - La Cocina del Código
- Duck Typing in Javascript - Techmaker Studio
- Duck Typing in Javascript - Programming with Kartik
書籍
5. == vs === vs typeof
根據 ECMAScript 規範，JavaScript 包含嚴格（===）和寬鬆（==）相等運算子，它們在比較值時表現不同。以下是分析：
== （寬鬆相等）：此運算子在比較兩個值之前執行型別強制轉換。如果值的型別不同，JavaScript 會嘗試在比較之前將一個或兩個值轉換為共同型別，這可能導致意外的結果。
=== （嚴格相等）：此運算子在不進行任何型別強制轉換的情況下比較值和型別。如果兩個值不是相同型別，比較將返回 false。
typeof 運算子：typeof 運算子用於檢查變數的資料型別。雖然它通常是可靠的，但有一些特殊情況，例如 typeof null 返回 “object” 而不是 “null”，這是由於 JavaScript 實作中的長期行為。
文章
- JavaScript Double Equals vs. Triple Equals — Brandon Morelli
- Should I use === or == equality comparison operator in JavaScript? — Panu Pitkamaki
- Why Use the Triple-Equals Operator in JavaScript? — Louis Lazaris
- What is the difference between == and === in JavaScript? — Craig Buckler
- Why javascript’s typeof always return “object”? — Stack Overflow
- Checking Types in Javascript — Toby Ho
- How to better check data types in JavaScript — Webbjocke
- Checking for the Absence of a Value in JavaScript — Tomer Aberbach
- Difference Between == and === in Javascript
- Difference between == and === in JavaScript — GeeksforGeeks
- === vs == Comparision in JavaScript — FreeCodeCamp
影片
- JavaScript - The typeof operator — Java Brains
- Javascript typeof operator — DevDelight
- JavaScript “==” VS “===” — Web Dev Simplified
- === vs == in javascript - Hitesh Choudhary
- The typeof operator in JS - CodeVault
6. 函式作用域、區塊作用域和詞法作用域
ECMAScript 規範概述了三種主要的作用域類型：
函式作用域：在函式內使用 var 宣告的變數只能在該函式內存取。此作用域將變數隔離，使其無法在宣告的函式外部被存取。
區塊作用域：隨著 ES6 引入，使用 let 和 const 宣告的變數是區塊作用域的。這意味著它們只能在定義它們的特定區塊 {} 內存取，例如在迴圈或條件陳述式內。
詞法作用域：指的是變數存取如何根據變數在程式碼中的實體位置來決定。函式是詞法作用域的，這意味著它們可以存取其父作用域的變數。
書籍
文章
- JavaScript Functions — Understanding The Basics — Brandon Morelli
- Var, Let, and Const – What’s the Difference?
- Functions in JavaScript - Deepa Pandey
- Emulating Block Scope in JavaScript — Josh Clanton
- The Difference Between Function and Block Scope in JavaScript — Joseph Cardillo
- Understanding Scope and Context in JavaScript — Ryan Morr
- JavaScript Scope and Closures — Zell Liew
- Understanding Scope in JavaScript — Wissam Abirached
- Understanding Scope in JavaScript ― Hammad Ahmed
- When to use a function declaration vs. a function expression ― Amber Wilkie
- A JavaScript Fundamentals Cheat Sheet: Scope, Context, and “this” ― Alexandra Fren
- Functions / Function scope ― MDN
影片
- What Makes Javascript Weird … and Awesome pt. 4 — LearnCode.academy
- Variable Scope in JavaScript — Kirupa Chinnathambi
- JavaScript Block Scope and Function Scope — mmtuts
- What the Heck is Lexical Scope? — NWCalvank
- Variable Scope — Steve Griffith
- Javascript Tutorials for Beginners — Mosh Hemadani
- JavaScript Block scope vs Function scope - nivek
- Lexical scoping in javascript - Hitesh Choudhary
- Modern Scope Handling in JavaScript (ES6 and Beyond) -Prashant Dewangan
7. 表達式 vs 陳述式
根據 ECMAScript 規範，表達式會產生一個值，而陳述式是執行動作的指令，例如變數指派或控制流程。函式宣告會被提升，可以在程式碼中定義之前被呼叫，而函式表達式不會被提升，必須在被呼叫之前定義。
文章
- All you need to know about Javascript’s Expressions, Statements and Expression Statements — Promise Tochi
- Function Expressions vs Function Declarations — Paul Wilkins
- JavaScript Function — Declaration vs Expression — Ravi Roshan
- Function Declarations vs. Function Expressions — Mandeep Singh
- Function Declarations vs. Function Expressions — Anguls Croll
- Expression statement — MDN web docs
影片
- Expressions vs. Statements in JavaScript — Hexlet
- JavaScript - Expression vs. Statement — WebTunings
- Javascript Function Expression Vs Declaration For Beginners — Dev Material
- The difference between an expression and a statement in JavaScript
-
[Expression in javascript Statement in javascript - Sathelli Srikanth](https://www.youtube.com/watch?v=cVDs3TZ-kXs)
8. IIFE、模組和命名空間
隨著 ES6 模組的引入，IIFE 在作用域隔離中的作用已經減少，但它們仍然具有相關性。
參考資料
文章
- Mastering Immediately-Invoked Function Expressions ― Chandra Gundamaraju
- JavaScript Immediately Invoked Function Expression — javascripttutorial.net
- A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers ― Jurgen Van de Moere
- Modules ― Exploring JS
- Understanding ES6 Modules — Craig Buckler
- An overview of ES6 Modules in JavaScript — Brent Graham
- ES6 Modules in Depth — Nicolás Bevacqua
- ES6 modules, Node.js and the Michael Jackson Solution — Alberto Gimeno
- JavaScript Modules: A Beginner’s Guide — Preethi Kasireddy
- Using JavaScript modules on the web — Addy Osmani & Mathias Bynens
- IIFE: Immediately Invoked Function Expressions — Parwinder
- Javascript Module Bundlers — Vanshu Hassija
影片
- Immediately Invoked Function Expression - Beau teaches JavaScript — freeCodeCamp
- Understanding JavaScript IIFE — Sheo Narayan
- JavaScript Modules: ES6 Import and Export — Kyle Robinson
- ES6 - Modules — Ryan Christiani
- ES6 Modules in the Real World — Sam Thorogood
- ES6 Modules — TempleCoding
- JavaScript IIFE (Immediately Invoked Function Expressions) — Steve Griffith
9. 訊息佇列和事件迴圈
事件迴圈是 JavaScript 並行模型的關鍵部分，透過以非同步方式處理任務來確保非阻塞行為。理解它如何與訊息佇列和微任務互動是掌握 JavaScript 行為的關鍵。
文章
- JavaScript Event Loop Explained — Anoop Raveendran
- Understanding JS: The Event Loop — Alexander Kondov
- The JavaScript Event Loop — Flavio Copes
- Tasks, microtasks, queues and schedules — Jake Archibald
- Visualising the JavaScript Event Loop with a Pizza Restaurant analogy — Priyansh Jain
- JavaScript Visualized: Event Loop — Lydia Hallie
- Understanding and Optimizing JavaScript’s Event Loop — Xiuer Old
影片
-
[What the heck is the event loop anyway? JSConf EU — Philip Roberts](https://www.youtube.com/watch?v=8aGhZQkoFbQ) - JavaScript Event Loop — ComScience Simplified
- I’m stuck in an Event Loop — Philip Roberts
-
[In The Loop - Jake Archibald JSConf.Asia 2018](https://www.youtube.com/watch?v=cCOL7MC4Pl0) - Desmitificando el Event Loop (Spanish)
- Callbacks, Sincrono, Assíncrono e Event Loop (PT-BR)
- JavaScript Event Loop: How it Works and Why it Matters in 5 Minutes - James Q Quick
10. setTimeout、setInterval 和 requestAnimationFrame
文章
- setTimeout and setInterval — JavaScript.Info
- Why not to use setInterval — Akanksha Sharma
- setTimeout VS setInterval — Develoger
- Using requestAnimationFrame — Chris Coyier
- Understanding JavaScript’s requestAnimationFrame() — JavaScript Kit
- Handling time intervals in JavaScript - Amit Merchant
- Debounce – How to Delay a Function in JavaScript - Ondrej Polesny
影片
- Javascript: How setTimeout and setInterval works — Coding Blocks India
- TRUST ISSUES with setTimeout() — Akshay Saini
- setTimeout and setInterval in JavaScript — techsith
- JavaScript Timers — Steve Griffith
- JavaScript setTimeOut and setInterval Explained — Theodore Anderson
11. JavaScript 引擎
文章
- JavaScript Engines — Jen Looper
- Understanding How the Chrome V8 Engine Translates JavaScript into Machine Code — DroidHead
- Understanding V8’s Bytecode — Franziska Hinkelmann
- JavaScript essentials: why you should know how the engine works - Rainer Hahnekamp
- JavaScript engine fundamentals: Shapes and Inline Caches
- JavaScript engine fundamentals: optimizing prototypes
- How V8 optimizes array operations
- JavaScript Internals: JavaScript engine, Run-time environment & setTimeout Web API — Rupesh Mishra
影片
- JavaScript Engines: The Good Parts™ — Mathias Bynens & Benedikt Meurer
-
[JS Engine EXPOSED 🔥 Google’s V8 Architecture 🚀 Namaste JavaScript Ep. 16 - Akshay Saini](https://www.youtube.com/watch?v=2WJL19wDH68) - How JavaScript Code is executed? How Javascript works behind the scenes
- Understanding the V8 JavaScript Engine - freeCodeCamp Talks
- JavaScript Under The Hood - JavaScript Engine Overview - Traversy Media
- Arindam Paul - JavaScript VM internals, EventLoop, Async and ScopeChains
12. 位元運算子、型別陣列和陣列緩衝區
文章
- Programming with JS: Bitwise Operations — Alexander Kondov
- Using JavaScript’s Bitwise Operators in Real Life — ian m
- JavaScript Bitwise Operators — w3resource
- Bitwise Operators in Javascript — Joe Cha
- A Comprehensive Primer on Binary Computation and Bitwise Operators in javascript — Paul Brown
- How can I understand Bitwise operation in JavaScript?
影片
- JavaScript Bitwise Operators — Programming with Mosh
- Bitwise Operators and WHY we use them — Alex Hyett
- JS Bitwise Operators and Binary Numbers — Steve Griffith - Prof3ssorSt3v3
- Deep Dive into Blobs, Files, and ArrayBuffers — Steve Griffith - Prof3ssorSt3v3
13. DOM 和佈局樹
參考資料
書籍
文章
- How To Understand and Modify the DOM in JavaScript — Tania Rascia
- What’s the Document Object Model, and why you should know how to use it — Leonardo Maldonado
- JavaScript DOM Tutorial with Example — Guru99
- What is the DOM? — Chris Coyier
- Traversing the DOM with JavaScript — Zell Liew
- DOM Tree
- How to traverse the DOM in Javascript — Vojislav Grujić
- Render Tree Construction — Ilya Grigorik
- What exactly is the DOM?
- JavaScript DOM
- Traversing the Dom with Javascript - Steve Griffith (YouTube)
影片
- JavaScript DOM — The Net Ninja
- JavaScript DOM Crash Course — Traversy Media
- JavaScript DOM Manipulation Methods — Web Dev Simplified
- JavaScript DOM Traversal Methods — Web Dev Simplified
14. 工廠和類別
文章
- How To Use Classes in JavaScript — Tania Rascia
- Javascript Classes — Under The Hood — Majid
- Better JavaScript with ES6, Pt. II: A Deep Dive into Classes ― Peleke Sengstacke
- Understand the Factory Design Pattern in Plain JavaScript — Aditya Agarwal
- Factory Functions in JavaScript — Josh Miller
- The Factory Pattern in JS ES6 — SnstsDev
- Class vs Factory function: exploring the way forward — Cristi Salcescu
- How ES6 classes really work and how to build your own — Robert Grosse
- Understanding
superin JavaScript - An Easy Guide To Understanding Classes In JavaScript
影片
- JavaScript Factory Functions — Programming with Mosh
- Factory Functions in JavaScript — Fun Fun Function
- Javascript Tutorial Function Factories — Crypto Chan
15. this、call、apply 和 bind
參考資料
文章
- Grokking call(), apply() and bind() methods in JavaScript — Aniket Kudale
- JavaScript’s Apply, Call, and Bind Methods are Essential for JavaScript Professionals — Richard Bovell
- Javascript: call(), apply() and bind() — Omer Goldberg
- The difference between call / apply / bind — Ivan Sifrim
- What the hack is call, apply, bind in JavaScript — Ritik
- Mastering ‘this’ in JavaScript: Callbacks and bind(), apply(), call() — Michelle Gienow
- JavaScript’s apply, call, and bind explained by hosting a cookout — Kevin Kononenko
- How AND When to use bind, call, and apply in Javascript — Eigen X
- Let me explain to you what is
this. (Javascript) — Jason Yu - Understanding the “this” Keyword in JavaScript — Pavan
- How to understand the keyword this and context in JavaScript — Lukas Gisder-Dubé
- What the heck is this in Javascript? — Hridayesh Sharma
- This and Bind In Javascript — Brian Barbour
- 3 Techniques for Maintaining Your Sanity Using “This” in JavaScript — Carl
- Mastering the JavaScript “this” Keyword — Aakash Srivastav
- This binding in JavaScript – 4. New binding — Spyros Argalias
- A quick intro to ‘this’ in JavaScript — Natalie Smith
- A conversation with the ‘this’ keyword in Javascript — Karen Efereyan
- What are call(), apply() and bind() in JavaScript — Amitav Mishra
- Understanding ‘this’ binding in JavaScript — Yasemin Cidem
- Top 7 tricky questions of ‘this’ keyword
影片
- JavaScript call, apply and bind — techsith
- JavaScript Practical Applications of Call, Apply and Bind functions— techsith
- JavaScript (call, bind, apply) — curious aatma
- Understanding Functions and ‘this’ In The World of ES2017 — Bryan Hughes
- bind and this - Object Creation in JavaScript - FunFunFunction
- JS Function Methods call(), apply(), and bind() — Steve Griffith
- call, apply and bind method in JavaScript
- Javascript Interview Questions ( Call, Bind and Apply ) - Polyfills, Output Based, Explicit Binding - Roadside Coder
16. new、建構函式、instanceof 和實例
文章
- JavaScript For Beginners: the ‘new’ operator — Brandon Morelli
- Let’s demystify JavaScript’s ‘new’ keyword — Cynthia Lee
- Constructor, operator “new” — JavaScript.Info
- Understanding JavaScript Constructors — Faraz Kelhini
- Use Constructor Functions — Openclassrooms
- Beyond
typeofandinstanceof: simplifying dynamic type checks — Dr. Axel Rauschmayer - Function and Object, instances of each other — Kiro Risk
- JavaScript instanceof operator
17. 原型繼承和原型鏈
參考資料
文章
- Javascript : Prototype vs Class — Valentin PARSY
- JavaScript engine fundamentals: optimizing prototypes — Mathias Bynens
- JavaScript Prototype — NC Patro
- Prototypes in JavaScript — Rupesh Mishra
- Prototype in JavaScript: it’s quirky, but here’s how it works — Pranav Jindal
- Understanding JavaScript: Prototype and Inheritance — Alexander Kondov
- Understanding Classes (ES5) and Prototypal Inheritance in JavaScript — Hridayesh Sharma
- prototype, proto and Prototypal inheritance in JavaScript — Varun Dey
- Prototypal Inheritance — JavaScript.Info
- How To Work with Prototypes and Inheritance in JavaScript — Tania Rascia
- Master JavaScript Prototypes & Inheritance — Arnav Aggarwal
- JavaScript’s Prototypal Inheritance Explained Using CSS — Nash Vail
- Prototypal Inheritance in JavaScript — Jannis Redmann
- Demystifying ES6 Classes And Prototypal Inheritance ― Neo Ighodaro
- Intro To Prototypal Inheritance — Dharani Jayakanthan
- Let’s Build Prototypal Inheritance in JS — var-che
- Objects, Prototypes and Classes in JavaScript — Atta
- The magical world of JavaScript prototypes — Belén
- Understanding Prototypal Inheritance In JavaScript — Lawrence Eagles
- Objects and Prototypes in JavaScript — Irena Popova
影片
- Javascript Prototype Inheritance — Avelx
- JavaScript Prototype Inheritance Explained pt. I — techsith
- JavaScript Prototype Inheritance Explained pt. II — techsith
- JavaScript Prototype Inheritance Explained — Kyle Robinson
- Advanced Javascript - Prototypal Inheritance In 1 Minute
- An Overview Of Classical Javascript Classes and Prototypal Inheritance — Pentacode
- Object Oriented JavaScript - Prototype — The Net Ninja
- Prototype in JavaScript — kudvenkat
- JavaScript Using Prototypes — O’Reilly
- A Beginner’s Guide to Javascript’s Prototype — Tyler Mcginnis
- Prototypes in Javascript - p5.js Tutorial — The Coding Train
書籍
- You Don’t Know JS, 1st Edition: this & Object Prototypes — Kyle Simpson
- The Principles of Object-Oriented JavaScript - Nicholas C. Zakas
18. Object.create 和 Object.assign
參考資料
文章
- Object.create in JavaScript — Rupesh Mishra
- Object.create(): the New Way to Create Objects in JavaScript — Rob Gravelle
- Basic Inheritance with Object.create — Joshua Clanton
- Object.create() In JavaScript — GeeksforGeeks
- Understanding the difference between Object.create() and the new operator — Jonathan Voxland
- JavaScript Object Creation: Patterns and Best Practices — Jeff Mott
- Dealing With Objects in JavaScript With Object.assign, Object.keys and hasOwnProperty
- Copying Objects in JavaScript ― Orinami Olatunji
- JavaScript: Object.assign() — Thiago S. Adriano
- How to deep clone a JavaScript Object — Flavio Copes
- Object.create(): When and Why to Use — VZing
影片
19. map、reduce、filter
文章
- JavaScript Functional Programming — map, filter and reduce — Bojan Gvozderac
- Learn map, filter and reduce in Javascript — João Miguel Cunha
- JavaScript’s Map, Reduce, and Filter — Dan Martensen
- How to Use Map, Filter, & Reduce in JavaScript — Peleke Sengstacke
- JavaScript — Learn to Chain Map, Filter, and Reduce — Brandon Morelli
- Javascript data structure with map, reduce, filter and ES6 — Deepak Gupta
- Understanding map, filter and reduce in Javascript — Luuk Gruijs
- Functional Programming in JS: map, filter, reduce (Pt. 5) — Omer Goldberg
- JavaScript: Map, Filter, Reduce — William S. Vincent
- Arrow Functions: Fat and Concise Syntax in JavaScript — Kyle Pennell
- JavaScript: Arrow Functions for Beginners — Brandon Morelli
- When (and why) you should use ES6 arrow functions — and when you shouldn’t — Cynthia Lee
- JavaScript — Learn & Understand Arrow Functions — Brandon Morelli
- (JavaScript )=> Arrow functions — sigu
- Javascript.reduce() — Paul Anderson
- Why you should replace forEach with map and filter in JavaScript — Roope Hakulinen
- Simplify your JavaScript – Use .map(), .reduce(), and .filter() — Etienne Talbot
- JavaScript’s Reduce Method Explained By Going On a Diet — Kevin Kononenko
- Difference between map, filter and reduce in JavaScript — Amirata Khodaparast
- Map⇄Filter⇄Reduce↻ — ashay mandwarya
- Finding Your Way With .map() — Brandon Wozniewicz
- How to write your own map, filter and reduce functions in JavaScript — Hemand Nair
- How to Manipulate Arrays in JavaScript — Bolaji Ayodeji
- How to simplify your codebase with map(), reduce(), and filter() in JavaScript — Alex Permyakov
- .map(), .filter(), and .reduce() — Andy Pickle
- Map/Filter/Reduce Crash Course — Chris Achard
- Map, Filter and Reduce – Animated — JavaScript Teacher
- Map, Filter, Reduce and others Arrays Iterators You Must Know to Become an Algorithms Wizard — Mauro Bono
- How to Use JavaScript’s .map, .filter, and .reduce — Avery Duffin
- Using .map(), .filter() and .reduce() properly — Sasanka Kudagoda
- Mastering the JavaScript Reduce method ✂️ — sanderdebr
- JavaScript Map – How to Use the JS .map() Function (Array Method) — FreeCodeCamp
影片
- Map, Filter and Reduce — Lydia Hallie
- Map, Filter and Reduce - Akshaay Saini
- Functional JavaScript: Map, forEach, Reduce, Filter — Theodore Anderson
- JavaScript Array superpowers: Map, Filter, Reduce (part I) — Michael Rosata
- JavaScript Array superpowers: Map, Filter, Reduce (part 2) — Michael Rosata
- JavaScript Higher Order Functions - Filter, Map, Sort & Reduce — Epicop
- [Array Methods 2/3] .filter + .map + .reduce — CodeWithNick
- Arrow functions in JavaScript - What, Why and How — Fun Fun Function
- Learning Functional Programming with JavaScript — Anjana Vakil - JSUnconf
- Map - Parte 2 JavaScript - Fun Fun Function
- Reduce basics - Part 3 of FP in JavaScript - Fun Fun Function
- Reduce Advanced - Part 4 of FP in JavaScript - Fun Fun Function
-
[reduce Array Method JavaScript Tutorial - Florin Pop](https://www.youtube.com/watch?v=IXp06KekEjM) -
[map Array Method JavaScript Tutorial - Florin Pop](https://www.youtube.com/watch?v=P4RAFdZDn3M) -
[Different array methods in 1 minute Midudev (Spanish)](https://youtu.be/Ah7-PPjQ5Ls)
20. 純函式、副作用、狀態變異和事件傳播
文章
- Javascript and Functional Programming — Pure Functions — Omer Goldberg
- Master the JavaScript Interview: What is a Pure Function? — Eric Elliott
- JavaScript: What Are Pure Functions And Why Use Them? — James Jeffery
- Pure functions in JavaScript — @nicoespeon
- Functional Programming: Pure Functions — Arne Brasseur
- Making your JavaScript Pure — Jack Franklin
- Arrays, Objects and Mutations — Federico Knüssel
- The State of Immutability — Maciej Sikora
- Hablemos de Inmutabilidad — Kike Sanchez
- How to deal with dirty side effects in your pure functional JavaScript — James Sinclair
- Preventing Side Effects in JavaScript — David Walsh
- JavaScript: Pure Functions — William S. Vincent
- Functional programming paradigms in modern JavaScript: Pure functions — Alexander Kondov
- Understanding Javascript Mutation and Pure Functions — Chidume Nnamdi
- Functional-ish JavaScript — Daniel Brain
- Event Propagation — MDN
- Event Propagation — Bubbling and capturing
影片
- Pure Functions — Hexlet
- Pure Functions - Functional Programming in JavaScript — Paul McBride
- JavaScript Pure Functions — Seth Alexander
- JavaScript Pure vs Impure Functions Explained — Theodore Anderson
- Pure Functions - Programação Funcional: Parte 1 - Fun Fun Function
- Event Propagation - JavaScript Event Bubbling and Propagation - Steve Griffith
21. 閉包
參考資料
文章
- I never understood JavaScript closures — Olivier De Meulder
- Understand JavaScript Closures With Ease — Richard Bovell
- Understanding JavaScript Closures — Codesmith
- Understand Closures in JavaScript — Brandon Morelli
- A simple guide to help you understand closures in JavaScript — Prashant Ram
- Understanding JavaScript Closures: A Practical Approach — Paul Upendo
- Understanding JavaScript: Closures — Alexander Kondov
- How to use JavaScript closures with confidence — Léna Faure
- JavaScript closures by example — tyler
- JavaScript — Closures and Scope — Alex Aitken
- Discover the power of closures in JavaScript — Cristi Salcescu
- Getting Closure — RealLifeJS
- Closure, Currying and IIFE in JavaScript — Ritik
- Understanding Closures in JavaScript — Sukhjinder Arora
- A basic guide to Closures in JavaScript — Parathan Thiyagalingam
- Closures: Using Memoization — Brian Barbour
- A Brief Introduction to Closures and Lexical Scoping in JavaScript — Ashutosh K Singh
- Demystify Closures — stereobooster
- Scopes and Closures - JavaScript Concepts — Agney Menon
- Understanding Closures in JavaScript — Matt Popovich
- whatthefuck.is · A Closure - Dan Abramov
- Closures in JavaScript can… - Brandon LeBoeuf
- Do you know Closures - Mohamed Khaled
影片
- JavaScript The Hard Parts: Closure, Scope & Execution Context - Codesmith
- Namaste Javascript by Akshay Saini
- Javascript Closure — techsith
- Closures — Fun Fun Function
- Closures in JavaScript — techsith
- JavaScript Closures 101: What is a closure? — JavaScript Tutorials
- Closures — freeCodeCamp
- JavaScript Closures — CodeWorkr
- Closures in JS - Akshay Saini
- CLOSURES en JavaScript: Qué son y cómo funcionan - Carlos Azaustre
- Learn Closures In 7 Minutes - Web Dev Simplified
22. 高階函式
書籍
文章
- Higher-Order Functions in JavaScript — M. David Green
- Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code — Guido Schmitz
- First-class and Higher Order Functions: Effective Functional JavaScript — Hugo Di Francesco
- Higher Order Functions in JavaScript — John Hannah
- Just a reminder on how to use high order functions — Pedro Filho
- Understanding Higher-Order Functions in JavaScript — Sukhjinder Arora
- Higher Order Functions - A pragmatic approach — emmanuel ikwuoma
影片
- JavaScript Higher Order Functions & Arrays — Traversy Media
- Higher Order Functions — Fun Fun Function
- Higher Order Functions in Javascript — Raja Yogan
- Higher Order Iterators in JavaScript — Fun Fun Function
- Higher Order Functions in JavaScript — The Coding Train
- Part 1: An Introduction to Callbacks and Higher Order Functions - Codesmith
- Part 2: Understanding Why We Need Higher Order Functions - Codesmith
- Higher-Order Functions ft. Functional Programming - Akshay Saini
23. 遞迴
文章
- Recursion in JavaScript — Kevin Ennis
- Understanding Recursion in JavaScript — Zak Frisch
- Learn and Understand Recursion in JavaScript — Brandon Morelli
- Recursion in Functional JavaScript — M. David Green
- Programming with JS: Recursion — Alexander Kondov
- Anonymous Recursion in JavaScript — simo
- Recursion, iteration and tail calls in JS — loverajoel
- What is Recursion? A Recursive Function Explained with JavaScript Code Examples — Nathan Sebhastian
- Intro to Recursion — Brad Newman
- Accio Recursion!: Your New Favorite JavaScript Spell — Leanne Cabey
- Recursion Explained (with Examples) — Christina
影片
- Recursion In JavaScript — techsith
- Recursion — Fun Fun Function
- Recursion and Recursive Functions — Hexlet
- Recursion: Recursion() — JS Monthly — Lucas da Costa
- Recursive Function in JavaScript — kudvenkat
- What on Earth is Recursion? — Computerphile
- Javascript Tutorial 34: Introduction To Recursion — codedamn
-
[Recursion, Iteration, and JavaScript: A Love Story JSHeroes 2018 — Anjana Vakil](https://www.youtube.com/watch?v=FmiQr4nfoPQ) - Recursion crash course - Colt Steele
- What Is Recursion - In Depth - Web Dev Simplified
24. 集合和產生器
參考資料
文章
- ES6 Collections: Using Map, Set, WeakMap, WeakSet — Kyle Pennell
- ES6 WeakMaps, Sets, and WeakSets in Depth — Nicolás Bevacqua
- Map, Set, WeakMap and WeakSet — JavaScript.Info
- Maps in ES6 - A Quick Guide — Ben Mildren
- ES6 — Set vs Array — What and when? — Maya Shavin
- ES6 — Map vs Object — What and when? — Maya Shavin
- Array vs Set vs Map vs Object — Real-time use cases in Javascript (ES6/ES7) — Rajesh Babu
- How to create an array of unique values in JavaScript using Sets — Claire Parker-Jones
- What You Should Know About ES6 Maps — Just Chris
- ES6 Maps in Depth — Nicolás Bevacqua
- What are JavaScript Generators and how to use them — Vladislav Stepanov
- Understanding JavaScript Generators With Examples — Arfat Salman
- The Basics of ES6 Generators — Kyle Simpson
- An Introduction to JavaScript Generators — Alice Kallaugher
影片
- JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap — Traversy Media
- JavaScript ES6 / ES2015 - [11] Generators - Traversy Media
- The Differences between ES6 Maps and Sets — Steve Griffith
- Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators — LearnCode.academy
25. Promises
參考資料
文章
- JavaScript Promises for Dummies ― Jecelyn Yeen
- Understanding promises in JavaScript — Gokul N K
- Master the JavaScript Interview: What is a Promise? — Eric Elliott
- An Overview of JavaScript Promises — Sandeep Panda
- How to use Promises in JavaScript — Prashant Ram
- Implementing Promises In JavaScript — Maciej Cieslar
- JavaScript: Promises explained with simple real life analogies — Shruti Kapoor
- Promises for Asynchronous Programming — Exploring JS
- JavaScript Promises Explained By Gambling At A Casino — Kevin Kononenko
- ES6 Promises: Patterns and Anti-Patterns — Bobby Brennan
- A Simple Guide to ES6 Promises — Brandon Morelli
- The ES6 Promises — Manoj Singh Negi
- ES6 Promises in Depth — Nicolás Bevacqua
- Playing with Javascript Promises: A Comprehensive Approach — Rajesh Babu
- How to Write a JavaScript Promise — Brandon Wozniewicz
- A Coding Writer’s Guide: An Introduction To ES6 Promises — Andrew Ly
- Understanding Promises in JavaScript — Chris Noring
- Converting callbacks to promises — Zell Liew
- JavaScript Promises: Zero To Hero Plus Cheat Sheet — Joshua Saunders
- Promises - JavaScript concepts — Agney Menon
- Javascript
Promise101 — Igor Irianto - Simplify JavaScript Promises — Sunny Singh
- JavaScript Visualized: Promises & Async/Await — Lydia Hallie
- Promises in JavaScript — Peter Klingelhofer
- Best Practices for ES6 Promises — Basti Ortiz
- Lo que debemos saber de EScript 2020 — Kike Sanchez
- Promise Basics - javascript.info
- The Complete JavaScript Promise Guide
- Promise Chaining - javascript.info
影片
- Let’s Learn ES6 - Promises — Ryan Christiani
- JavaScript ES6 / ES2015 Promises — Traversy Media
- Promises — Fun Fun Function
- Error Handling Promises in JavaScript — Fun Fun Function
- Promises Part 1 - Topics of JavaScript/ES6 — The Coding Train
- JavaScript Promise in 100 Seconds
- JavaScript Promise in 9 Minutes
- JavaScript Promises In 10 Minutes — Web Dev Simplified
-
[Promises Ep 02 Season 02 - Namaste JavaScript - Akshay Saini ](https://youtu.be/ap-6PPAuK1Y?si=Ri1fopXeYjlrHzpf)
26. async/await
參考資料
書籍
- Eloquent JavaScript, 3rd Edition: Ch. 11 - Asynchronous Programming
- Exploring JS: Asynchronous Programming
文章
- Understanding async/await in Javascript — Gokul N K
- Asynchronous Javascript using async/await — Joy Warugu
- Modern Asynchronous JavaScript with async/await — Flavio Copes
- Javascript — ES8 Introducing async/await Functions — Ben Garrison
- How to escape async/await hell — Aditya Agarwal
- Understanding JavaScript’s async await — Nicolás Bevacqua
- JavaScript Async/Await: Serial, Parallel and Complex Flow — TechBrij
- From JavaScript Promises to Async/Await: why bother? — Chris Nwamba
- Flow Control in Modern JS: Callbacks to Promises to Async/Await — Craig Buckler
- How to improve your asynchronous Javascript code with async and await — Indrek Lasn
- Making Fetches Easy With Async Await — Mickey Sheridan
- 7 Reasons Why JavaScript Async/Await Is Better Than Plain Promises — Mostafa Gaafar
- Asynchronous Operations in JavaScript — Jscrambler
- JavaScript: Promises or async-await — Gokul N K
- Async / Await: From Zero to Hero — Zhi Yuan
- JavaScript Visualized: Promises & Async/Await — Lydia Hallie
- Making asynchronous programming easier with async and await — MDN
- JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream
- Better Than Promises - JavaScript Async/Await
影片
- Asynchronous JavaScript Crash Course
- Async + Await — Wes Bos
- Asynchrony: Under the Hood — Shelley Vohr
- async/await in JavaScript - What, Why and How — Fun Fun Function
- async/await Part 1 - Topics of JavaScript/ES8 — The Coding Train
- async/await Part 2 - Topics of JavaScript/ES8 — The Coding Train
- Complete Guide to JS Async & Await ES2017/ES8 — Colt Steele
- Tips for using async/await in JavaScript — James Q Quick
- JavaScript Async Await — Web Dev Simplified
- Promise async and await in javascript — Hitesh Choudhary
27. 資料結構
文章
- Data Structures in JavaScript — Thon Ly
- Algorithms and Data Structures in JavaScript — Oleksii Trekhleb
- Data Structures: Objects and Arrays ― Chris Nwamba
- Data structures in JavaScript — Benoit Vallon
- Playing with Data Structures in Javascript — Anish K.
- The Little Guide of Queue in JavaScript — Germán Cutraro
- All algorithms writing with JavaScript in the book ‘Algorithms Fourth Edition’
- Collection of classic computer science paradigms in JavaScript
- All the things you didn’t know you wanted to know about data structures
- JavaScript Data Structures: 40 Part Series — miku86
- Data Structures: Understanding Graphs — Rachel Hawa
- Data Structures Two Ways: Linked List (Pt 1) — Freddie Duffield
- Data Structures Two Ways: Linked List (Pt 2) — Freddie Duffield
- Graph Data Structures Explained in JavaScript — Adrian Mejia
影片
-
[Algorithms In Javascript Ace Your Interview — Eduonix Learning Solutions](https://www.youtube.com/watch?v=H_EBPZgiAas&list=PLDmvslp_VR0zYUSth_8O69p4_cmvZEgLa) - Data Structures and Algorithms in JavaScript — freeCodeCamp
- Learning JavaScript Data Structures and Algorithms: Sorting — Packt Video
- JavaScript Data Structures: Getting Started — Academind
28. 昂貴的操作和大 O 記號
文章
- Big O Notation in Javascript — César Antón Dorantes
- Time Complexity/Big O Notation — Tim Roberts
- Big O in JavaScript — Gabriela Medina
- Big O Search Algorithms in JavaScript — Bradley Braithwaite
- Algorithms in plain English: time complexity and Big-O Notation — Michael Olorunnisola
- An Introduction to Big O Notation — Joseph Trettevik
影片
- JavaScript: Intro to Big O Notation and Function Runtime — Eric Traub
- Essential Big O for JavaScript Developers — Dave Smith
- Big O Notation - Time Complexity Analysis — WebTunings
- Learn Big O Notation In 12 Minutes - Web Dev Simplified
- JavaScript Algorithms: Big-O Notation - Codevolution
- JavaScript Algorithms Crash Course: Learn Algorithms & “Big O” from the Ground Up! - Academind
- Big O Notation - Data Structures and Algorithms in Javascript - RoadSideCoder
29. 演算法
文章
- Data Structures and Algorithms using ES6
- Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- JS: Interview Algorithm
- Algorithms in JavaScript — Thon Ly
- JavaScript Objects, Square Brackets and Algorithms — Dmitri Grabov
- Atwood’s Law applied to CS101 - Classic algorithms and data structures implemented in JavaScript
- Data Structures and Algorithms library in JavaScript
- Collection of computer science algorithms and data structures written in JavaScript
- Algorithms and Data Structures in JavaScript — Oleksii Trekhleb
影片
- 🎥 JavaScript Algorithms - Codevolution
- 🎥 Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges - FreeCodeCamp
-
🎥 [Data Structures and Algorithms in Javascript DSA with JS - RoadsideCoder](https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4) - 🎥 Javascript Algorithms + Data Structures - KodingKevin
- 🎥 JavaScript Data Structures: Getting Started - Academind
- 🎥 Algorithms and Data Structures - The Coding Train (Daniel Shiffman)
30. 繼承、多型和程式碼重用
參考資料
文章
- Inheritance in JavaScript — Rupesh Mishra
- Simple Inheritance with JavaScript — David Catuhe
- JavaScript — Inheritance, delegation patterns and Object linking — NC Patro
- Program Like Proteus — A beginner’s guide to polymorphism in Javascript — Sam Galson
- Object-oriented JavaScript: A Deep Dive into ES6 Classes — Jeff Mott
- Unlocking the Power of Polymorphism in JavaScript: A Deep Dive
影片
- Inheritance in JavaScript — kudvenkat
- JavaScript ES6 Classes and Inheritance — Traversy Media
- Polymorphism in JavaScript — kudvenkat
31. 設計模式
書籍
- Learning JavaScript Design Patterns — Addy Osmani
- Pro JavaScript Design Patterns — Ross Harmes and Dustin Diaz
文章
- JavaScript Design Patterns – Explained with Examples — Germán Cocca
- 4 JavaScript Design Patterns You Should Know — Devan Patel
- JavaScript Design Patterns – Beginner’s Guide to Mobile Web Development — Soumyajit Pathak
- JavaScript Design Patterns — Akash Pal
- JavaScript Design Patterns: Understanding Design Patterns in JavaScript - Sukhjinder Arora
- All the 23 (GoF) design patterns implemented in Javascript — Felipe Beline
- The Power of the Module Pattern in JavaScript — jsmanifest
- Design Patterns for Developers using JavaScript pt. I — Oliver Mensah
- Design Patterns for Developers using JavaScript pt. II — Oliver Mensah
- Design patterns in modern JavaScript development
- Understanding Design Patterns: Iterator using Dev.to and Medium social networks! — Carlos Caballero
- JavaScript Design Patterns - Factory Pattern — KristijanFištrek
- JavaScript Design Pattern — Module Pattern - Factory Pattern — Moon
- Design Patterns: Null Object - Carlos Caballero
- Strategy Pattern - Francesco Ciulla
- Adapter Pattern - Francesco Ciulla
- The Power of Composite Pattern in JavaScript - jsmanifest
- In Defense of Defensive Programming - Adam Nathaniel Davis
- JavaScript Patterns Workshop — Lydia Hallie
影片
32. 部分應用、柯里化、組合和管道
書籍
文章
- Composition and Currying Elegance in JavaScript — Pragyan Das
- Functional JavaScript: Function Composition For Every Day Use — Joel Thoms
- Functional Composition: compose() and pipe() — Anton Paras
- Why The Hipsters Compose Everything: Functional Composing In JavaScript — A. Sharif
- A Gentle Introduction to Functional JavaScript pt III: Functions for making functions — James Sinclair
- Curry And Compose (why you should be using something like ramda in your code) — jsanchesleao
- Function Composition in JavaScript with Pipe — Andy Van Slaars
- Practical Functional JavaScript with Ramda — Andrew D’Amelio, Yuri Takhteyev
- The beauty in Partial Application, Currying, and Function Composition — Joel Thoms
- Curry or Partial Application? — Eric Elliott
- Partial Application in JavaScript — Ben Alman
- Partial Application of Functions — Functional Reactive Ninja
- Partial Application in ECMAScript 2015 — Ragan Wald
- So You Want to be a Functional Programmer pt. I — Charles Scalfani
- So You Want to be a Functional Programmer pt. II — Charles Scalfani
- So You Want to be a Functional Programmer pt. III — Charles Scalfani
- So You Want to be a Functional Programmer pt. IV — Charles Scalfani
- So You Want to be a Functional Programmer pt. V — Charles Scalfani
- An introduction to the basic principles of Functional Programming — TK
- Concepts of Functional Programming in javascript — TK
- An Introduction to Functional Programming Style in JavaScript — JavaScript Teacher
- A practical guide to writing more functional JavaScript — Nadeesha Cabral
- A simple explanation of functional pipe in JavaScript — Ben Lesh
影片
- Compose vs Pipe: Functional Programming in JavaScript — Chyld Studios
- JavaScript Functional Programing: Compose — Theodore Anderson
- Function Composition - Functional JavaScript — NWCalvank
- JavaScript Function Composition Explained — Theodore Anderson
- Let’s code with function composition — Fun Fun Function
- Partial Application vs. Currying — NWCalvank
- JavaScript Partial Application — Theodore Anderson
- call, apply and bind method in JavaScript
33. 乾淨程式碼
文章
- Clean Code Explained – A Practical Introduction to Clean Coding for Beginners — freeCodeCamp
- Clean Code concepts adapted for JavaScript — Ryan McDermott
- Function parameters in JavaScript Clean Code — Kevin Peters
- Keeping your code clean — Samuel James
- Best Practices for Using Modern JavaScript Syntax — M. David Green
- best practices for cross node/web development - Jimmy Wärting
- Writing Clean Code - Dylan Paulus
- Writing Clean Code and The Practice of Programming - Nityesh Agarwal
- Clean code, dirty code, human code - Daniel Irvine
- Practical Ways to Write Better JavaScript - Ryland G
- The Must-Know Clean Code Principles - Kesk on Medium
- The Clean Code Book - Robert C Martin
- How to use destructuring in JavaScript to write cleaner, more powerful code - freecodecamp
- Write Clean Code Using JavaScript Object Destructuring - Asel Siriwardena
影片
- 🎥 JavaScript Pro Tips - Code This, NOT That
- 🎥 Clean Code playlist - Beau teaches
- 🎥 JavaScript Best Practices and Coding Conventions - Write Clean Code
- 🎥 JavaScript Clean Code
- 🎥 Tips On Learning How To Code
授權
本軟體採用 MIT 授權條款。更多資訊請參見授權條款 ©Leonardo Maldonado.
學習愉快！ ⭐
如果您覺得這個儲存庫有幫助，請考慮給它一個星星！