没听过33大原则，赶紧偷偷学习一下：JS开发者不得不知的33大原则！

没听过33大原则，赶紧偷偷学习一下：JS开发者不得不知的33大原则！

 

 

介绍

创建此存储库的目的，是帮助开发人员在 JavaScript 中掌握他们的开发原则。这不是一个要求，而是未来研究的指南。它是基于斯蒂芬·柯蒂斯写的一篇文章，你可以在这里阅读它。

被 GitHub 视为2018 年顶级开源项目之一！

 

---

目录

1. Call堆栈
2. 原始类型
3. 值类型和参考类型
4. 隐式、显式、名义、结构和Duck类型
5. [ vs] vs = 类型
6. 函数范围、块范围和词汇范围
7. 表达式与语句
8. IIFE、模块和命名空间
9. 消息队列和事件循环
10. 设置超时、设置Interval和请求动画框架
11. JavaScript 引擎
12. 位运算符、类型数组和数组缓冲区
13. DOM 和布局树
14. 工厂和类
15. this， call，apply 和 bind
16. new、构造函数、实例和实例
17. 原型继承和原型链
18. 对象.创建和对象.分配
19. 映射、减少、过滤
20. 纯函数、副作用和状态突变
21. 闭 包
22. 高阶功能
23. 递 归
24. 集合和生成器
25. 承诺
26. 异步/等待
27. 数据结构
28. 昂贵的操作和大O符号(Big O Notation)
29. 算法
30. 继承、多态化和代码重用
31. 设计模式
32. 部分应用、Currying、组合和管道(Partial Applications, Currying, Compose and Pipe)
33. 清洁代码

---

 

1. Call Stack 调用堆栈

文章

•  Javascript 调用堆栈， 事件循环 – 高拉夫潘德维亚
• 了解 JavaScript 调用堆栈 – 查尔斯 · 弗里伯恩
• Javascript：什么是执行上下文？什么是调用堆栈？• 瓦伦蒂诺·加利亚迪
• 什么是 Js 事件循环和呼叫堆栈？
• 调用堆栈 = MDN
• 脚本中的执行上下文和执行堆栈 – 苏金德·阿罗拉
•  JavaScript 的工作原理：引擎、运行时和调用堆栈概述 – 亚历山大·兹拉特科夫
• 脚本中的执行上下文、起重、范围和闭包的终极指南 - 泰勒 · 麦金尼斯
•  Javascript 如何在胡德下工作： JavaScript 引擎、堆和调用堆栈概述 – Bipin Rajbhar

 

视频

•  Javascript： 调用堆栈解释 – 编码块印度
•  9 分钟内解释 Js 调用堆栈 – 科尔特 · 斯蒂尔
•  JavaScript 执行堆栈 + 代码
•  什么是调用堆栈？
• 调用堆栈 – 凯文 · 德拉姆
• 了解 JavaScript 执行 + 代码匠
• 呼叫堆栈和事件循环 » 电影 com
• 脚本中的执行上下文、起重、范围和闭包的终极指南 - 泰勒 · 麦金尼斯
• ·菲利普 · 罗伯茨到底是什么事件循环？
• 皮拉·德·埃杰科奇翁（呼叫堆栈）德爪哇脚本 – 拉科西纳德尔科特迪瓦

⬆返回顶部

---

 

2. 原始类型

文章

• 数字如何编码在 JavaScript - 阿克塞尔 · 劳施迈尔博士
• 了解的 JavaScript 数字类型 + 最大向导 K
• 每个 JavaScript 开发人员应该知道的关于浮点数字的信息 – Chewxy
• 贾斯特原始人的秘密生活 – 安格斯 · 克罗尔
• 基元类型 = 流
•  （不是） JavaScript 中的一切都是一个对象 — — 丹尼尔 · 李
•  JavaScript 数据类型和数据结构 = MDN
• 在 JavaScripts 对象中潜水的深
•  JavaScript 中的 Object. freeze （） 和 Const 之间的差异 = 博拉吉 · 阿约德吉

视频

•  JavaScript 参考与原始类型 + 学院头脑
•  Javascript 原始类型 – 西蒙 · 塞兹 IT
• 脚本中的值类型和引用类型 - 使用 Mosh 编程
•  JavaScript 原始数据类型 + Avelx
• 关于 Javascript 号码的一切你一切 - 巴泰克 · 索普卡
•  Javascript 中的变量是什么？
• 蒂托斯 · 德 · 达托斯 · 普里米蒂沃斯在爪哇语 - 拉科西纳德尔塞迪戈

⬆返回顶部

---

 

3. 值类型和参考类型

文章

• 解释值与 Javascript 中的引用 – 阿纳夫 · 阿格瓦尔
•  JavaScript 中的值和引用类型 – Zsolt Nagy
• 简类类型和参考类型在 JavaScript - 布兰范德梅尔
• 脚本中的值类型、参考类型和范围 – 本·阿斯顿
• 回根： Javascript 值与参考 + 米罗 · 科茨卡
• 脚本中的 "按价值" 和 "参考" - Léna Faure
•  JavaScript 引用和复制变量 – V étor Capretz
•  JavaScript 基元与引用值
• 参考与值的 Javascript + nrabinowitz
•  Javascript 面试准备： 原始与参考类型 – 迈克 · 克罗宁

视频

•  Javascript 按值传递与通过引用传递 + 技术
•  JavaScript 值与参考类型 = 使用 Mosh 编程
• 瓦罗斯 vs 参考在 Javascript - 拉科西纳德尔 C é digo

⬆返回顶部

---

 

4. 隐式、显式、名义、结构和Duck类型

文章

• 关于 Javascript 的隐式强制 - 承诺 Tochi， 您需要了解什么
• 贾夫脚本类型胁迫解释 – 亚历克西 · 萨莫什金
• 贾班特胁迫解释 – 本 · 加里森
•  Javascript 中的类型强制到底是什么？ - 堆栈溢出
• 你不知道 Js： 类型和语法， 第一版 [书] [ 凯尔辛普森
• 在 JavaScript 中键入强制，以及为什么每个人都搞错了。

视频

• ] ？=== ???...#=%- 希尔蒙·比勒费尔德
• 手稿中的强迫 - 希什 · 乔达里
•  Javascript 问题： 什么是强迫？ - 史蒂文 · 汉考克
• ：静态与动态，弱与强 - 可编码
• 西斯特马 · 德 · 蒂波斯 · 德 · 贾瓦script - 拉科西纳德尔 · 塞迪戈

⬆返回顶部

---

 

5. = vs = vs 类型

文章

•  Javascript 双相等 vs. 三重相等 – 布兰登 · 莫雷利
•  Javascript 中应使用 + 或 +相等比较运算符？
•  = vs = Javascript： 双相等和强制 = Aj Meyghani
• 为什么在 Javascript 中使用三等运算符？
•  Javascript 中 [] 和 [有什么区别？
• 为什么 javascript 的类型总是返回 "对象"？
•  Javascript 中的检查类型 = Toby Ho
• 如何更好地检查 JavaScript + 韦伯约克中的数据类型
•  JavaScript 中缺少值的检查 – 托默 · 阿伯巴赫

视频

•  JavaScript - 运算符的类型 = Java 大脑
•  Javascript 类型的运算符 = DevDelight

⬆返回顶部

---

 

6. 函数范围、块范围和词汇范围

文章

• 你还不知道 Js： 范围和关闭， 第二版 [书] [ 凯尔辛普森
•  JavaScript 函数 • 了解基础知识 • 布兰登 · 莫雷利
• 范围和块范围之间的战斗 – 马吕斯 · 赫林
• 在 Javascript 中模拟块范围 – 乔希 · 克兰顿
• 脚本中函数和块范围的区别 – 约瑟夫 · 卡迪略
• 脚本中的函数作用域和块作用域 - Samer Buna
• 在 JavaScript 中了解范围和上下文 |瑞安·莫尔
•  Javascript 范围和闭包 = Zell Liew
• 脚本中的理解范围 – 维萨姆 · 阿比拉希德
• JavaScript - 变量：范围、环境和闭合 - 阿克塞尔·劳施迈尔博士
• 脚本中的理解范围 – 哈马德 · 艾哈迈德
• 何时使用函数声明与函数表达式 = 琥珀色威尔基
• 一个 Javascript 基础备忘单： 范围、 上下文和 "这个" – 亚历山德拉 · 弗伦

视频

• 是什么让 Javascript 奇怪...和真棒 pt. 4 = 学习代码. 学院
• 脚本中的可变范围 – 基鲁帕 · 钦纳坦比
•  JavaScript 块范围和函数范围 = mmtuts
• 什么是词汇范围？

⬆返回顶部

---

 

7. 表达式与语句

文章

• 所有您需要了解的关于 Javascript 的表达式、语句和表达式语句的信息 – 承诺 Tochi
• 函数表达式与函数声明 – 保罗·威尔金斯
•  JavaScript 函数 + 声明与表达式 • 拉维 · 罗山
• 函数声明与函数表达式 = 曼迪普 ·辛格
• 函数声明与函数表达式 = Anguls Croll

视频

• 表达式与 JavaScript 中的语句 = Hexlet
•  JavaScript - 表达式与语句 + Web 调谐
• 函数语句和函数表达式 = 代码学院

⬆返回顶部

---

 

8. IIFE、模块和命名空间

文章

• 立即调用函数表达式 – 钱德拉·贡达马拉朱
•  ES6 模块使 IIFES 的案例过时吗？
•  JavaScript 模块、模块格式、模块加载器和模块捆绑器的 10 分钟底语 - 尤尔根·范德莫雷
• 模块 – 探索 JS
•  ES 模块： 卡通深潜 – 林克拉克
• 了解 ES6 模块 – 克雷格·巴克勒
•  JavaScript 中的 ES6 模块概述 – 布伦特·格雷厄姆
•  ES6 模块的深度 – 尼科拉斯贝瓦夸
•  ES6 模块、Node.js 和迈克尔·杰克逊解决方案 – 阿尔贝托·吉梅诺
•  JavaScript 模块：初学者指南 – Preethi Kasiredy
• 使用 Web 上的 JavaScript 模块
•  Javascript 模块： 从 IIFES 到 Commonjs 到 ES6 模块 – 泰勒 · 麦克金尼斯

视频

• 立即调用函数表达式 - Beau 教授 JavaScript = 自由代码营地
• 了解 JavaScript Iife
•  JavaScript 模块： ES6 导入和导出 – 凯尔 · 罗宾逊
•  ES6 - 模块 • 瑞安·克里斯蒂安尼
•  ES6 模块 - 山姆 · 索罗古德
•  ES6 模块 + 圣殿编码

⬆返回顶部

---

 

9. 消息队列和事件循环

文章

•  JavaScript 事件循环解释 – 阿诺普 · 拉文德兰
•  JavaScript 事件循环： 解释 – 艾琳 · 斯威森 - 希利
•  Javascript + WP 中的事件循环Tutor.io
• 理解 JS： 事件循环 – 亚历山大 · 孔多夫
• 了解 JavaScript 事件循环 – 阿希什 · 古普塔
• 脚本中的事件循环 + 曼朱拉 · 杜贝
•  JavaScript 事件循环 – 弗拉维奥 · 科皮斯
•  JavaScript 的工作原理： 事件循环 – 亚历山大 · 兹拉特科夫
• 任务、微任务、队列和时间表 – 杰克 · 阿奇博尔德
• 披萨餐厅类比可视化 Javascript 事件循环 - 普里扬什 · 贾因

视频

• 事件循环到底是什么？JSCONF EU – 菲利普·罗伯茨
•  JavaScript 事件循环 + 通信科学简化
• 被困在一个事件循环 - 菲利普 · 罗伯茨
• 循环 - 杰克阿奇博尔德 |JSConf.Asia 2018年
• 德米蒂凡多埃尔事件循环（西班牙语）

⬆返回顶部

---

 

10. 设置超时、设置Interval和请求动画帧

文章

• 设置超时和设置Interval = JavaScript.Info
•  为什么不使用设置Interval + AkankshaSharma
• 设置超时 Vs 集Interval = Develoger
• 使用请求动画框架 – 克里斯 ·科耶
• 了解 JavaScript 的请求动画框架（） = JavaScript 工具包
• 脚本中的处理时间间隔 - 阿米特商家

视频

•  Javascript： 设置超时和设置Interval的工作原理 – 编码块印度
• 设置超时和设置 Javascript 中之间的时间 = 技术
•  Javascript 计时器 – 史蒂夫 · 格里菲斯
•  JavaScript 设置超时和设置Interval解释 – 西奥多安德森

⬆返回顶部

---

 

11. JavaScript 引擎

文章

•  Javascript 引擎 + Jen Looper
• 了解 Chrome V8 引擎如何将 Javascript 转换为机器代码 – 机器人头
• 了解 V8 的字节码 – 弗兰齐斯卡 · 欣克尔曼
• 谷歌V8 Javascript引擎简史 - 克莱尔史密斯
•  Javascript 要点： 为什么你应该知道引擎是如何工作的 - 雷纳 · 哈内坎普
•  JavaScript 引擎基础知识：形状和内联缓存
•  JavaScript 引擎基础知识：优化原型
•  V8 如何优化阵列操作

视频

•  JavaScript 引擎： 好零件™ – 马蒂亚斯 · 比嫩斯和贝内迪克特 · 默勒

⬆返回顶部

---

 

12. 位运算符、类型数组和数组缓冲区

文章

•  JS 编程： 小操作 – 亚历山大 · 孔多夫
• 在现实生活中使用 JavaScript 的位运算符 \ ian m
•  JavaScript 位运算符 = w3 资源
• 脚本中的位运算符 + Joe Cha
• 计算和位运算符的综合底语- 保罗布朗
• 如何理解 JavaScript 中的 Bitwise 操作？

视频

•  JavaScript 位式运算符 – 使用 Mosh 编程

⬆返回顶部

---

 

13. DOM 和布局树

文章

•  JavaScript 中的 DOM - 塔尼亚 · 拉西亚
• 什么是文档对象模型，以及为什么您应该知道如何使用它 - 莱昂纳多·马尔多纳多
•  JavaScript DOM 教程示例 = Guru99
• 什么是多姆？
•  Javascript + Zell Liew 遍历 Dom
• 贾德 · 贾贾德 [书] = 文档对象模型
•  Dom 树
• 如何在 Javascript 中遍历 Dom [ 沃吉斯拉夫 · 格鲁吉]
• 渲染树结构 – 伊利亚·格里戈里克
• 什么是 DOM？
• 一个香草 Js 指南关于掌握多姆 - 布赖恩帕克

视频

•  Javascript Dom – 网络忍者
•  JavaScript Dom 崩溃课程 + 遍历媒体

⬆返回顶部

---

 

14. 工厂和班级

文章

•  JavaScript 中的类 - 塔尼亚 · 拉西亚
•  Javascript 类 • 在胡德下 • 马吉德
•  ES6 课程 – 纳撒尼尔 · 福斯特
•  Es6， Pt. Ii： 深入学习类 – 佩莱克 · 森斯塔克
• 简单 JavaScript 中的工厂设计模式 – 阿迪娅·阿加瓦尔
• 脚本中的工厂功能 – 乔希 · 米勒
•  JS ES6 + SnstsDev 中的工厂模式
• 类与工厂功能：探索前进的道路 – 克里斯蒂·萨尔切斯库
•  Es6 课程如何真正工作以及如何建立自己的 - 罗伯特 · 格罗斯
• 了解JavaScript中的超级
• JavaScript中的类的一个简单的指南

视频

•  JavaScript 工厂函数 – 使用 Mosh 编程
• JavaScript 中的工厂函数 + 趣味函数
•  Javascript 教程函数工厂 • 加密陈

⬆返回顶部

---

 

15. this，call、apply和bind

文章

• 脚本中调用（）、应用（） 和 bind（） 方法 – Aniket Kudale
• ：调用（），应用（）和绑定（）在JavaScript - 尼拉德里塞哈尔杜塔
• JavaScript 的应用、调用和绑定方法对 JavaScript 专业人员至关重要 – Richard Bovell
•  Wtf 是这个 - 了解这个关键字， 调用， 应用， 并绑定在 Javascript - 泰勒 · 麦金尼斯
• ： 调用 （）， 应用 （） 和绑定 （） = Omer Goldberg
•  呼叫 / 应用 / 绑定之间的区别 = 伊万 · 西弗里姆
• 什么黑客调用， 应用， 绑定在 Javascript + Ritik
• 在 JavaScript 中掌握 "此"： 回调和绑定 （）， 应用 （）， 呼叫 （） = 米歇尔 · 吉诺
• JavaScript 的适用、调用和绑定通过主持野餐来解释 - 凯文 · 科诺年科
•  Javascript + Eigen X 中使用绑定、调用和应用的"如何和何时"
•  Javascript. bind（） vs. apply（） 和. call（） = 哈克麻雀
• 呼叫（） = MDN
• 绑定（） = MDN
• 适用（） = MDN
•  Javascript 中的 "这个" 是什么？
• ，让我向你解释这是什么。 （Javascript） = 余杰森
•  JavaScript 中的 "此" 关键字 – 帕万
• 如何理解 JavaScript 中的关键字和上下文 [ 卢卡斯 · 吉斯德 - 杜布]
• 贾瓦希特到底是什么？
• 这个和绑定在 Javascript - 布赖恩 · 巴布尔
•  JavaScript 中的 "这个" 使用 3 种保持理智的技术 – Carl
• 掌握 Javascript "这个" 关键字 – 阿卡什 · 斯里瓦斯塔夫
•  JavaScript = 4 中的此绑定。新绑定 = 斯皮罗斯·阿加利亚斯
•  Javascript 中 "这个" 的快速介绍 — — 娜塔莉 · 史密斯

视频

•  JavaScript 调用，应用和绑定 + 技术
• JavaScript 调用、应用和绑定函数的实际应用技术
•  Javascript （调用、绑定、应用） = 好奇的 aatma
•  ES2017世界中的理解功能和 "这个" – 布莱恩 · 休斯
• 绑定和这个 - JavaScript 中的对象创建 - Fun 函数
•  JS 函数方法调用（），应用（）和绑定（） – 史蒂夫格里菲斯

⬆返回顶部

---

 

16. new、构造函数、instanceof and Instances

文章

•  JavaScript 初学者： "新" 运算符 – 布兰登 · 莫雷利
• 揭开 JavaScript 的 "新" 关键字的神秘性 — — 辛西娅 · 李
• 构造函数，运算符"新" = JavaScript.Info
• 了解 Javascript 构造函数 – 法拉兹 · 凯尔希尼
• 使用构造函数 + 开放教室
• 超越类型和实例： 简化动态类型检查 – 阿克塞尔·劳施迈尔博士
•  JavaScript 中的运算符实例是什么 ？
• 函数和对象，彼此的实例 = Kiro 风险

⬆返回顶部

---

 

17. 原型继承和原型链

文章

•  Javascript ： 原型 vs 类 + 瓦伦丁 PARSY
•  JavaScript 引擎基础知识：优化原型 – Mathias Bynens
•  Javascript 原型 + NC 帕特罗
• 脚本中的原型 – 桑迪普 · 兰詹
• 脚本中的原型 – 鲁佩什 · 米什
• 脚本中的原型： 这是古怪的， 但下面是它的工作原理 - 普拉纳夫 · 金达尔
• 继承和原型链 + MDN
• 理解 JavaScript： 原型和继承 – 亚历山大·孔多夫
• 脚本中的理解类 （ES5）和原型继承 – Hridayesh Sharma
• 脚本中的原型、原型和原型继承 - 瓦伦 · 戴
• 原型继承 + JavaScript.Info
•  JavaScript 中的原型和继承方法 – 塔尼亚·拉西亚
• 大师 JavaScript 原型与继承 » 阿纳夫·阿加瓦尔
• 你不知道 JS： 这个 & 对象原型， 第一版 [书] [ 凯尔辛普森
•  JavaScript 的原型继承使用 Css 解释 – 纳什 · 维尔
• 简笔中原型继承 – 詹尼斯 · 雷德曼
• 经典和原型继承的一个 - 丹尼 · 科内利塞
•  ES6 类和原型继承 – NeoIghodaro
• 原型遗产简介 – 达拉尼 · 贾亚坎坦
• 脚本中的课程 - 解释 – 李大伟
• 在 Js _ var - che中构建原型继承
• 脚本中的对象、原型和类的更新 + Atta
•  JavaScript 原型继承和对象创建 – 尼克 · 舒普
•  JavaScript 原型的神奇世界 – 贝伦
• 在 Javascript 中理解原型继承 – 劳伦斯 · 伊格尔斯

视频

•  Javascript 原型继承 + Avelx
•  JavaScript 原型继承解释 pt.I = 技术
•  Javascript 原型继承解释 pt. Ii = 技术
•  JavaScript 原型继承解释 – 凯尔 · 罗宾逊
• 高级 Javascript - 1 分钟内原型继承
• 经典 Javascript 类和原型继承概述 – 五角代码
• 面向对象的 JavaScript - 原型 + 网络忍者
• 脚本中的原型 – 库德文卡特
• 原型的 JavaScript + 奥赖利
• 贾瓦script原型入门指南 - 泰勒·麦金尼斯
• Javascript 中的原型 - p5.js 教程 – 编码训练

⬆返回顶部

---

 

18. 对象.创建和对象.分配

文章

• 对象.create（） = MDN
•  JavaScript 中创建 = Rupesh Mishra
• 对象.create（）：在 JavaScript 中创建对象的新方法 – Rob Gravelle
• 对象的基本继承. 创建 = 约书亚 · 克兰顿
• 对象. create （） 在 JavaScript + 极客
• 了解 Object.create（） 和新运算符之间的差别 – 乔纳森 · 沃克斯兰
•  JavaScript 对象创建：模式和最佳实践 – 杰夫·莫特
•  JavaScript 中处理对象与对象.assign，Object.键和已拥有属性
• 脚本中的复制对象 – 奥里纳米 · 奥拉通吉
• 对象.assign（） = MDN
•  JavaScript： 对象. assign （） = 蒂亚戈 S. 阿德里亚诺
• 如何深度克隆 JavaScript 对象 – 弗拉维奥 · 科皮斯
• 对象分配与 JavaScript 中的原始赋值的初学者 – 尼克 · 夏利

视频

• 对象. assign （） 解释 – 亚伦写入代码
• 对象. assign （） 方法 = 技术

⬆返回顶部

---

 

19. 映射、减少、筛选

文章

•  JavaScript 功能编程 • 映射、筛选和减少 • 博扬 Gvozderac
•  Javascript 中了解地图、筛选和减少 – 若昂·米格尔·库尼亚
•  JavaScript 的地图、减少和筛选器 – 丹 · 马滕森
• 使用 JavaScript 中的地图、筛选器和减少功能 – 贝利克·森斯塔克
•  JavaScript • 学习链接映射、筛选和减少 • 布兰登 · 莫雷利
• 、减少、过滤和 ES6 = Deepak Gupta 的 Javascript 数据结构
•  Javascript 中的地图、筛选和减少 - Luuk Gruijs
• 功能编程：映射、筛选、减少（第 5 点） – Omer Goldberg
•  JavaScript： 地图， 过滤器， 减少 – 威廉 S. 文森特
• 函数： JavaScript 中的脂肪和简洁语法 – 凯尔 · 彭内尔
•  JavaScript： 初学者的箭头函数 – 布兰登 · 莫雷利
•  （和为什么） 你应该使用 Es6 箭头函数 [ 和当你不应该] 辛西娅 · 李
•  JavaScript » 学习和理解箭头函数 » 布兰登·莫雷利
•  （JavaScript） => 箭头函数 = sigu
•  Javascript. 减少 （） = 保罗 · 安德森
• 为什么应该用 Javascript 中的地图和过滤器替换每个地图和过滤器 — — Roope Hakulinen
•  JavaScript = 使用.map（），.减少（）和.filter（） = 艾蒂安·塔尔博特
•  Javascript 的减少方法通过节食解释 – 凯文 · 科诺年科
• 图像中地图、滤波和缩小之间的差异 – 阿米拉塔·霍达帕拉斯特
• 地图⇄⇄减少↻阿沙伊 · 曼德瓦里亚
• . map （） = 布兰登 · 沃兹涅维奇找到你的方式
• 如何编写自己的地图，过滤和减少 JavaScript 中的函数 – Hemand Nair
•  JavaScript 中的数组操作 - 博拉吉 Ayodeji
•  JavaScript 中的映射（）、减少（）和筛选器（）如何简化代码库 - Alex Permyakov
• .map（）、.filter（）和.reduce（） = 安迪泡菜
• 地图/过滤器/减少崩溃课程 • 克里斯·阿查德
• 地图、筛选和缩小 » 动画 » JavaScript 教师
• 、筛选、减少和其他数组索引器，您必须知道要成为算法向导 – 毛罗·博诺
•  JavaScript 的.map，.筛选器和.减少 = 艾弗里 · 达芬
•  Javascript 性能测试 - 对于每个 vs （地图、减少、筛选、查找） = Deepak Gupta
• .map（）、.filter（） 和.reduce（） 正确使用 – 萨桑卡·库达戈达
• 掌握 JavaScript 减少方法✂️ +桑德德布尔

视频

• 地图，过滤和减少 – 莉迪雅·哈利
•  JavaScript： 地图， 为每一个， 减少， 过滤器 - 西奥多安德森
•  JavaScript 阵列超级大国： 地图， 过滤器， 减少 （第一部分） – 迈克尔 · 罗萨塔
•  Javascript 阵列超级大国： 地图， 过滤器， 减少 （第 2 部分） – 迈克尔 · 罗萨塔
•  JavaScript 高阶函数 - 筛选、映射、排序和减少 = Epicop
•  [数组方法 2/3] .筛选器 = .map = . 减少 = 代码与尼克
• JavaScript 中的一个箭头函数 - 什么， 为什么和如何 + 有趣的函数
• JavaScript 学习功能编程 – 安雅娜 · 瓦基尔 - Jsunconf
• 地图 - 第 2 部分 JavaScript - 有趣的功能
• 减少基础知识 - JavaScript 中 FP 的第 3 部分 - 有趣的函数
• 减少高级 - JavaScript 中 FP 的第 4 部分 - 有趣的函数
• 减少数组方法 |JavaScript 教程 - 弗洛林流行音乐
• 映射数组方法 |JavaScript 教程 - 弗洛林流行音乐

⬆返回顶部

---

 

20. 纯函数、副作用和状态突变

文章

• Javascript 和功能编程 • 纯函数 • Omer Goldberg
• 大师 Javascript 采访： 什么是纯粹的功能？
•  Javascript： 什么是纯函数， 为什么要使用它们？
• JavaScript + @nicoespeon
•  Functional Programming: Pure Functions — Arne Brasseur
•  Pure Functions In Javascript — Krunal
•  Making your JavaScript Pure — Jack Franklin
•  To mutate, or not to mutate, in JavaScript
•  Arrays, Objects and Mutations — Federico Knüssel
•  The State of Immutability — Maciej Sikora
•  How to deal with dirty side effects in your pure functional JavaScript — James Sinclair
•  Preventing Side Effects in JavaScript — David Walsh
•  Wielding Pure Functions in JavaScript and Function Composition — Peleke Sengstacke
•  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

Videos

•  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

⬆ Back to Top

---

 

21. Closures

Articles

•  Closures — MDN
•  I never understood JavaScript closures — Olivier De Meulder
•  Closure — JavaScript.Info
•  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
•  Simplified JavaScript: Getting Started with Closures — Code Like A Girl
•  The Ultimate Guide to Hoisting, Scopes, and Closures in JavaScript — Tyler McGinnis
•  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
• 和闭包 - JavaScript 概念 – 阿格尼 ·梅农
• 贾瓦脚本中的理解关闭 – 马特 · 波波维奇
• whatthefuck.is |关闭 - 丹·阿布拉莫夫

视频

•  JavaScript 硬部分：关闭、范围和执行上下文 - 代码匠
•  Javascript 关闭 + 技术
• 关闭 + 有趣的功能
• 脚本中的闭包 + 技术
•  Javascript 关闭101： 什么是闭包？
• 关闭 + 免费代码营地
•  JavaScript 闭包 + 代码工作器

⬆返回顶部

---

 

22. 高阶功能

文章

• 阶函数 = 雄辩的 JavaScript [Book]
• 脚本中的高阶函数 – 大卫 · 格林
• 阶函数：使用过滤器、映射和减少实现更可维护的代码 – Guido Schmitz
• 一流和更高阶函数：有效功能 JavaScript – 雨果迪弗朗切斯科
• 脚本中的高阶函数 – 约翰 · 汉娜
• 高阶函数 – 理查德·博维尔
• 脚本中的高阶函数 = Zsolt Nagy
• 脚本中的高阶函数的乐趣 – 德里克
• 提醒如何使用高阶函数 - 佩德罗 · 菲略
•  JavaScript 中的高阶函数 – 苏金德 · 阿罗拉
• 什么是高阶函数？
• 阶函数 - 务实的方法 – 伊曼纽尔 ikwuoma

视频

•  JavaScript 高阶函数和数组 » 遍历媒体
• 阶函数 + 趣味函数
• 语中具有更高阶功能 – 拉贾 · 吉根
• 脚本中的更高阶事件 + 趣味函数
• 脚本中的高阶函数 – 编码训练
• 第 1 部分：回调和高阶函数简介 - 代码匠
• 第 2 部分： 了解为什么我们需要更高阶函数 - 代码匠

⬆返回顶部

---

 

23. 递归

文章

• 脚本中的递归 – 凯文 · 恩尼斯
• 在 JavaScript 中理解递归 – 扎克 · 弗里施
• 学习和理解 JavaScript 中的递归 – 布兰登 · 莫雷利
•  JavaScript 中的递归 = M. 大卫 · 格林
•  Js 编程： 递归 – 亚历山大 · 孔多夫
• 脚本中的匿名递归
• 和递归、迭代和尾部调用在 Js _ loverajoel
• 在 JavaScript 中理解递归 – Jay
• 递归简介 – 布拉德 · 纽曼
•  Accio 递归！： 你最喜欢的 Javascript 拼写 – 莱安妮 · 卡贝

视频

• 在 JavaScript 中的递归 = 技术
• 递归 + 趣味函数
• 递归函数 + 六角星
• ：递归（） • JS 月刊 • 卢卡斯 · 达科斯塔
• 脚本中的递归函数 + kudvenkat
• " 究竟什么是递归？
•  Javascript 教程 34： 递归简介 = 代码damn
• 递归、迭代和 JavaScript：爱情故事 |JSHeroes 2018 • 安雅娜·瓦基尔

⬆返回顶部

---

 

24. 收藏和发电机

文章

•  ES6 深度： 收藏 – 杰森 · 奥伦多夫
•  ES6 集合： 使用地图， 集， 弱地图， 弱集 + 凯尔 · 彭内尔
•  ES6 弱图、集和深度弱集 – 尼科拉斯贝瓦夸
•  JavaScript 中的集简介Alligator.io
•  JavaScript 中的地图简介Alligator.io
• 地图、集、弱地图和弱集JavaScript.Info
•  ES6 中的地图 - 快速指南 • 本 ·米尔德伦
•  Es6 =集 vs 阵列 = 什么和什么时候？
•  Es6 = 地图 vs 对象 = 什么和何时？ • 玛雅 · 沙文
•  ES6： 使用 JavaScript 中的集 = 死代码上升
• 阵列与集与地图与对象 • Javascript （ES6/ES7） 中的实时用例 • Rajesh Babu
• 如何使用"集" 在 JavaScript 中创建一个唯一值数组 - 克莱尔·帕克-琼斯
• 你应该知道的关于 Es6 地图 - 只是克里斯
•  ES6 地图深度 + 尼科拉斯贝瓦夸
• 生成器 + MDN Web 文档
• 什么是 Javascript 生成器以及如何使用它们 – 弗拉迪斯拉夫 · 斯捷潘诺夫
• 了解 JavaScript 生成器与示例 - 阿法特萨勒曼
•  ES6 发电机的基础知识 – 凯尔 · 辛普森
•  以下是您想知道的关于 ES2015+ 发电机的一切 – Lucas Chen
•  JavaScript 发电机简介 – 爱丽丝 · 卡劳

视频

•  Javascript ES6 / ES2015 集、 地图、弱集和弱地图 + 遍历媒体
•  ES6 地图和集之间的差异 – 史蒂夫 · 格里菲斯
•  Javascript 生成器 - 它们改变了一切 - Es6 发电机和谐发电机 + 学习代码. 学院

⬆返回顶部

---

 

25. 承诺

文章

• 承诺 + Mdn
• 的 Javascript承诺 – 杰瑟琳 · 延
• 在 Javascript 中理解承诺 – Gokul N K
• 大师 Javascript 采访： 什么是承诺？
•  JavaScript 承诺概述 – Sandeep 熊猫
• 在 JavaScript 中使用承诺 – 普拉尚特 · 拉姆
• 脚本中实现承诺 – Maciej Cieslar
•  Javascript： 承诺解释与简单的现实生活类比 - 什鲁蒂卡普尔
• 编程的承诺 – 探索 JS
• 赌场赌博解释的 Javascript 承诺 – 凯文 · 科诺年科
•  ES6 承诺： 模式和反模式 – 鲍比 · 布伦南
•  ES6 承诺的简单指南 – 布兰登 · 莫雷利
•  Es6 承诺 – 马诺伊 · 辛格 · 内吉
•  ES6 深度承诺 – 尼科拉斯·贝瓦夸
• 使用 Javascript 承诺： 全面方法 – 拉杰什 · 巴布
• 写 Javascript 承诺 – 布兰登 · 沃兹尼维奇
• 编码作家指南：ES6 承诺简介 – Andrew Ly
• 异步 JavaScript |回调 |关闭 |承诺 + 全堆栈极客
• 在 JavaScript 中理解承诺 – 克里斯 · 诺林
• 将回调转换为承诺 • Zell Liew
• 爪哇手稿承诺： 零到英雄加备忘单 - 约书亚桑德斯
•  - JavaScript 概念 – 阿格尼 · 梅农
• 爪哇承诺101 – 伊戈尔 · 伊里安托
• 简化 Javascript 承诺 – 桑尼 · 辛格
• 承诺的低谷 – 阿菲尼亚 · 德哈勒特
•  JavaScript 可视化： 承诺和异步 / 等待 – 莉迪雅 · 哈利
• 手稿中的承诺 – 彼得 · 克林格尔霍夫
•  ES6 承诺最佳实践 – 巴斯蒂奥尔蒂斯

视频

• 让我们学习 Es6 - 承诺 – 瑞安 · 克里斯蒂安尼
•  Javascript ES6 / ES2015 承诺 + 遍历媒体
• 承诺 + 有趣的功能
• 脚本中的错误处理承诺 + 乐趣函数
• 第 1 部分 - JavaScript/ES6 的主题 – 编码训练

⬆返回顶部

---

 

26. 异步/等待

文章

• 异步/等待JavaScript.Info
•  Javascript 中的异步/等待 + Gokul N K
• 异步编程 + 雄辩的 JavaScript
•  JavaScript 中的异步/等待函数Alligator.io
• 异步 Javascript 使用异步/等待 = Joy Warugu
• 异步/等待的现代异步 JavaScript + 弗拉维奥 · 科普
• 异步 Javascript： 从回调地狱到异步和等待 – 德米尔 · 塞尔马诺维奇
•  Javascript • ES8 引入异步/等待函数 • 本 · 加里森
• 如何逃脱异步/等待地狱 • 阿迪娅·阿加瓦尔
•  JavaScript 的异步等待 – 尼科拉斯 · 贝瓦夸
•  JavaScript 异步/等待：串行、并行和复杂流 = TechBrij
• 异步编程 + 探索 JS
• 从 Javascript 承诺到异步 / 等待： 为什么要费心？
•  Js 中的流量控制： 回电对异步 / 等待的承诺 – 克雷格 · 巴克勒
•  Javascript： 承诺和为什么异步 / 等待赢得战斗 – 尼克 · 帕森斯
• 掌握异步/等待这个现实世界的例子 - 阿德里安·哈伊丁
• 异步异步改进异步 Javascript 代码并等待 - Indrek Lasn
• 与异步等待轻松获取 - 米奇 · 谢里丹
•  7 个原因为什么 JavaScript 异步/等待比普通承诺更好 – Mostafa Gaafar
• 脚本中的异步操作 + Jscrambler
• 同步 / 等待： 一个轻微的设计缺陷。
•  Javascript： 承诺或异步等待 – Gokul N K
• 异步 / 等待： 从零到英雄 ~ 志远
•  JavaScript 可视化： 承诺和异步 / 等待 – 莉迪雅 · 哈利

视频

• 异步 » 等待 » Wes Bos
• 同步： 在引擎盖下 – 雪莱 · 沃尔
• JavaScript中的异步/等待 - 什么，为什么和如何 + 有趣的函数
• 异步/等待第 1 部分 - JavaScript/ES8 的主题 – 编码训练
• 异步/等待第 2 部分 - JavaScript/ES8 的主题 – 编码训练
•  JS 异步和等待 ES2017/ES8 的完整指南 – 科尔特斯蒂尔

⬆返回顶部

---

 

27. 数据结构

文章

• 脚本中的数据结构 = Thon Ly
• 脚本中的算法和数据结构 – Oleksii Trekhleb
• 结构：对象和数组 – 克里斯·恩万巴
• 脚本中的数据结构 – 贝诺伊特 · 瓦隆
• Javascript 中的数据结构 - Anish K。
• 贾文 · 卡特拉罗的队列小指南
• 在《算法第四版》一书中使用 JavaScript 编写的所有算法
• JavaScript中经典计算机科学范式集合
• 所有你需要知道的关于数据结构的事情
•  JavaScript 数据结构：单链接列表：设置 = miku86
•  JavaScript 数据结构：单链接列表：插入 = miku86
•  JavaScript 数据结构：单链接列表：删除 = miku86
• 结构：理解图表 – 雷切尔·哈瓦

视频

• 脚本中的算法 – 赛斯 · 科赫
• 脚本中的算法 |王牌您的面试 – Eduonix 学习解决方案
• 脚本中的数据结构和算法 - 免费代码营地
•  JavaScript 数据结构和算法：排序 + 包视频

⬆返回顶部

---

 

28. 昂贵的操作和大O符号

文章

• 脚本中的大 O 符号 – César 蚂蚁多兰特
• 复杂性/大O符号 – 蒂姆·罗伯茨
• 大 O 在 Javascript – 加布里埃拉 · 梅迪纳
• 脚本中的大 O 搜索算法 – 布拉德利 · 布雷斯韦特
• 脚本中的时间复杂性分析 – 詹妮弗 · 布兰德
• 纯英语的算法：时间复杂性和大O符号 - 迈克尔·奥洛伦尼索拉
• 大O符号简介导论 – 约瑟夫·特雷特维克

视频

•  JavaScript： 介绍大 O 表示和函数运行时 – EricTraub
• JavaScript开发人员的基本大 O - 戴夫 · 史密斯
•  O 符号 - 时间复杂性分析 + Web 调谐

⬆返回顶部

---

 

29. 算法

文章

•  ES6 的数据结构和算法
• JavaScript中实现的算法和数据结构，并提供了指向进一步读数的解释和链接
•  JS：面试算法
• 脚本中的算法 = Thon Ly
•  JavaScript 对象、方括号和算法 – 德米特里·格拉博夫
• 阿特伍德定律适用于 CS101 - JavaScript 中实现的经典算法和数据结构
• 脚本中的数据结构和算法库
• JavaScript编写的计算机科学算法和数据结构的集合
• 脚本中的算法和数据结构 – Oleksii Trekhleb

⬆返回顶部

---

 

30. 继承、多态和代码重用

文章

• 类继承， 超级 + JavaScript.Info
• 脚本 + MDN 中的继承
• 脚本中的继承 = 鲁佩什 · 米什
• 简单继承与 JavaScript – 大卫 · 卡图赫
•  JavaScript = 继承、委派模式和对象链接 = NC Patro
• 面向对象的 JavaScript： 多态性与示例 - Knoldus 博客
• 像 Proteus 一样 — — Javascript 多态性的初学者指南 — — 山姆 · 加尔森
• 面向对象的 JavaScript： 深入学习 ES6 类 – 杰夫 · 莫特

视频

• 脚本中的继承 - 库德文卡特
•  JavaScript ES6 类和继承 = 遍历媒体
• 脚本中的多态性 – 库德文卡特

⬆返回顶部

---

 

31. 设计模式

文章

•  4 个 Javascript 设计模式， 你应该知道 – 德文 · 帕特尔
•  JavaScript 设计模式 » 移动 Web 开发入门指南 » Soumyajit Pathak
•  JavaScript 设计模式 – 阿卡什帕尔
•  Javascript 设计模式：它们是什么以及如何使用它们 – 帕特里克·辛普森
• JavaScript设计模式：了解JavaScript的设计模式 - 苏金德·阿罗拉
•  Javascript 中实现的所有 23 （GoF） 设计模式 – 费利佩 ·贝林
•  JavaScript _ jsmanifest 中模块模式的力量
•  JavaScript 设计模式 – 艾迪 · 奥斯马尼
•  JavaScript pt 的开发人员设计模式。I = 奥利弗 · 门萨
•  JavaScript pt. Ii .
• JavaScript开发中的设计模式
• 理解设计模式： Dev.to和中等社交网络的传输器！
•  JavaScript 设计模式 - 工厂模式 – 克里斯蒂扬菲特雷克
•  JavaScript 设计模式 • 模块模式 - 工厂模式 • 月亮
• 设计模式：空对象 - 卡洛斯·卡瓦列罗
• 模式 - 弗朗切斯科·丘拉
• 适配器模式 - 弗朗切斯科·丘拉
•  JavaScript 中复合模式的力量 - jsmanifest

视频

•  JavaScript 设计模式 – 大胆
•  2017 年 JavaScript 模式 – 斯科特 · 艾伦

⬆返回顶部

---

 

32. 部分应用、咖喱、组合和管道

文章

• 使用 JavaScript + Rémi 中的函数组合
• 在 Javascript Es6 _ 亚当 · 贝恩咖喱
• 脚本中的创作和咖喱优雅 – 普拉吉安 · 达斯
• JavaScript：日常使用的函数组合 = Joel Thoms
• 功能组成：组成（） 和管道（） = 安东帕拉斯
• 嬉皮士组成一切： 功能组成在 Javascript + A. 谢里夫
• 功能 JavaScript pt III 的温和介绍： 用于制造函数的功能 – 詹姆斯 · 辛克莱
• 咖喱和撰写 （为什么你应该使用像拉姆达的东西在你的代码） _ jsanchesleao
• 管道的 JavaScript 中具有函数组合 – 安迪 · 范斯拉尔
• 拉姆达的实用功能 Javascript – 安德鲁 · 达梅利奥， 尤里 · 塔赫捷耶夫
• 部分应用、咖喱和功能构成中的美丽 – Joel Thoms
• 咖喱还是部分应用程序？
• 部分应用在 JavaScript + 本阿尔曼
• 功能的部分应用 + 功能反应忍者
• 与部分应用 • 迪帕克古普塔
•  2015 年 ECMAScript 中的部分应用 – 拉根 ·沃尔德
• 脚本中的函数组合 – 乔 · 科托帕西
•  所以你想成为一个功能程序员 pt。I = 查尔斯 · 斯卡尔法尼
•  你想成为一名功能程序员， 查尔斯 · 斯卡尔法尼
•  你想成为一名功能程序员， 查尔斯 · 斯卡尔法尼
•  你想成为一个功能程序员点 Iv _ 查尔斯 · 斯卡尔法尼
•  你想成为一名功能程序员 p. V _ CharlesSsss scalfani
• 功能光 JavaScript 第 3 章： 管理函数输入 – 凯尔 · 辛普森
•  函数编程的指导原则 + TK 简介
• 脚本 + TK 中函数编程的概念
• JavaScript + JavaScript 教师中函数编程样式简介
• 编写更多功能 JavaScript 的实用指南 – Nadeesha Cabral
• JavaScript中功能管道的简单解释 – 本·莱什

视频

• 与管道： JavaScript 中的函数编程 – Chyld 工作室
•  JavaScript 功能编程： 撰写 – 西奥多 · 安德森
• 函数组合 - 功能 JavaScript = NWCalvank
• JavaScript函数组成解释 – 西奥多·安德森
• 用函数组合编写代码 + 趣味函数
• 部分应用 vs. 咖喱 + NWCalvank
•  JavaScript 部分应用程序 – 西奥多 · 安德森

⬆返回顶部

---

 

33. 代码简洁之道

文章

• 适用于 JavaScript 的清洁代码概念 – 瑞安 · 麦克德莫特
•  JavaScript 干净编码最佳实践 – Andrés T é th
• 脚本清洁代码中的函数参数 – 凯文·彼得斯
• 保持代码干净 – 塞缪尔 · 詹姆斯
• 使用现代 JavaScript 语法的最佳实践 – M. David Green
• 节点/Web 开发的最佳最佳实践 - Jimmy Würting
• 清洁代码 - 迪伦·保卢斯
• 清洁代码和编程实践 - 尼蒂什·阿加瓦尔
• 干净的代码，肮脏的代码，人类代码 - 丹尼尔欧文

视频

•  JavaScript 专业提示 - 代码这个， 不是那个
• 清洁规范：功能（第 1 部分） - 博教

⬆返回顶部

 

关于

JavaScript开发人员应该知道的33个原则

 

许可证

麻省理工学院许可证

 

翻译来源：https://github.com/leonardomso/33-js-concepts