stephentian / 33-js-concepts

JavaScript开发者应懂的33个概念 简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。 > 本篇文章是参照 @leonardomso 创立，英文版项目地址在这里。 > 由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。 > 若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。 更新 若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。 • 文章的排序优化，前面的文章是介绍概念，后面的文章是深入解读。 • 将原文的 "高阶函数" 和 "map, reduce, filter" 合并为 "map, reduce, filter 等高阶函数" • 增加 "promise" 概念(替换删除的 "高阶函数") • 2018-10-24 更新：@BuptStEve 贡献的三篇关于" 函数式编程 "方面的文章 • 2018-12-04 更新：@haner199401 贡献的 @冴羽 "JavaScript 深入之从原型到原型链" --- 目录 • **调用堆栈** • **原始类型** • **值类型和引用类型** • **隐式, 显式, 名义和鸭子类型** • **== 与 ===, typeof 与 instanceof** • **this, call, apply 和 bind** • **函数作用域, 块级作用域和词法作用域** • **闭包** • **map, reduce, filter 等高阶函数** • **表达式和语句** • **变量提升** • **Promise** • **立即执行函数, 模块化, 命名空间** • **递归** • **算法** • **数据结构** • **消息队列和事件循环** • **setTimeout, setInterval 和 requestAnimationFrame** • **继承, 多态和代码复用** • **按位操作符, 类数组对象和类型化数组** • **DOM 树和渲染过程** • **new 与构造函数, instanceof 与实例** • **原型继承与原型链** • **Object.create 和 Object.assign** • **工厂函数和类** • **设计模式** • **Memoization** • **纯函数, 函数副作用和状态变化** • **耗性能操作和时间复杂度** • **JavaScript 引擎** • **二进制, 十进制, 十六进制, 科学记数法** • **偏函数, 柯里化, Compose 和 Pipe** • **代码整洁之道** --- • 调用堆栈 文章 • :book: Call Stack — MDN • :book: [[译] JavaScript 如何工作：对引擎、运行时、调用堆栈的概述 —— 掘金](https://juejin.im/post/5a05b4576fb9a04519690d42) • :book: [[译] 理解 JavaScript 中的执行上下文和执行栈 —— 掘金](https://juejin.im/post/5ba32171f265da0ab719a6d7) • :book: 这一次，彻底弄懂 JavaScript 执行机制 —— 掘金 • :book: 解读 JavaScript 之引擎、运行时和堆栈调用 —— 开源中国 • :book: Tasks, microtasks, queues and schedules —— Jake Archibald • :book: Tasks, microtasks, queues and schedules（译） —— 掘金 视频 • :tv: What is the event loop anyway? —— 腾讯视频(英文字幕) • :tv: Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili • :tv: JS 中的变量提升、堆栈内存及闭包详解 —— Acfun • :tv: 事件循环模型 —— PHP 中文网 • :tv: Javascript: the Call Stack explained — Coding Blocks India • :tv: The JS Call Stack Explained In 9 Minutes — Colt Steele • :tv: JavaScript Execution Stack — Codecademy • :tv: What is the Call Stack? — Eric Traub • :tv: The Call Stack — Kevin Drumm • :tv: Understanding JavaScript Execution — Codesmith • :tv: Call Stack & Event Loop — movies com **:arrow_up: 返回目录** --- • 原始类型 文章 • :book: 原始数据 —— MDN • :book: [[译]JavaScript 是怎样编码数字的 —— SegmentFault](https://segmentfault.com/a/1190000017090272) • :book: 每一个 JavaScript 开发者应该了解的浮点知识 —— 颜海镜 • :book: JavaScript 标准参考教程(基本语法之数值) —— 阮一峰 • :book: The Secret Life of JavaScript Primitives —— Angus Croll 视频 • :tv: javascript 六种数据类型 —— 慕课网 • :tv: javascript 视频教程(数据类型) —— PHP 中文网 • :tv: JavaScript Reference vs Primitive Types — Academind • :tv: JavaScript Primitive Types — Simon Sez IT • :tv: Javascript Primitive and Reference Types — Baljeet Singh • :tv: Value Types and Reference Types in JavaScript — Programming with Mosh • :tv: JavaScript Primitive Data Types — Avelx • :tv: Everything you never wanted to know about JavaScript numbers — Bartek Szopka **:arrow_up: 返回目录** --- • 值类型和引用类型 文章 • :book: ECMAScript 引用类型 —— W3school • :book: js 中的值类型和引用类型的区别 —— 博客园 • :book: JavaScript 的值传递和引用传递 —— FunDebug • :book: Primitive Types & Reference Types in JavaScript —— Bran van der Meer • :book: JavaScript: Passing by Value or by Reference —— CSDN • :book: js 值引用和值复制 —— SegmentFault • :book: js- 引用和复制(传值和传址) —— CSDN 视频 • :tv: Javascript Pass by Value vs Pass by Reference — techsith • :tv: JavaScript Value vs Reference Types — Programming with Mosh **:arrow_up: 返回目录** --- • 隐式, 显式, 名义和鸭子类型 文章 • :book: ECMAScript 类型转换 —— W3school • :book: JavaScript 的怪癖 1：隐式类型转换 —— justjavac • :book: JavaScript 运算符规则与隐式类型转换详解 —— 掘金 • :book: 聊一聊 JS 中的隐式类型转换 —— SegmentFault • :book: 有趣的 JavaScript 隐式类型转换 —— 博客园 • :book: JavaScript 显式类型转换与隐式类型转换 —— CSDN • :book: 你不知道的 JavaScript（中卷）强制类型转换 —— 简书 • :book: 你懂 JavaScript 嗎？#8 強制轉型 —— cythilya • :book: 动态类型语言和鸭子类型 —— 曾探 • :book: Nominal & Structural Typing —— flow • :book: What exactly is Type Coercion in Javascript? —— stackoverflow • :book: You Don't Know JS: Types & Grammar —— github 视频 • :tv: javascript 隐式转换 —— 慕课网 • :tv: Javascript 基础加强-类型转换 —— 黑马程序员 **:arrow_up: 返回目录** --- • == vs ===, typeof vs instanceof 文章 • :book: JavaScript 中的相等性判断 —— MDN • :book: js 中 == 和 === 的区别 —— 掘金 • :book: == vs === in Javascript —— CSDN • :book: 深入理解 javascript 之 typeof 和 instanceof —— CSDN • :book: JavaScript 的 typeof 的用途 —— justjavac • :book: 一张图看懂 Function 和 Object 的关系及简述 instanceof 运算符 —— 掘金 • :book: 浅谈 instanceof 和 typeof 的实现原理 —— 掘金 • :book: typeof 和 instanceOf 的区别 **:arrow_up: 返回目录** --- • this, call, apply 和 bind 文章 • :book: Javascript 的 this 用法 —— 阮一峰 • :book: 学会 JS 的 this 这一篇就够了，根本不用记 —— 慕课网 • :book: [[译] this（他喵的）到底是什么 — 理解 JavaScript 中的 this、call、apply 和 bind —— 掘金](https://juejin.im/post/5b9f176b6fb9a05d3827d03f) • :book: this、apply、call、bind —— 掘金 • :book: 使用 call、apply 和 bind 解决 js 中烦人的 this，事件绑定时的 this 和传参问题 —— 博客园 • :book: call、apply 和 bind 的原生实现 —— github 视频 • :tv: JavaScript 关于 this 关键字解释 —— 爱奇艺 • :tv: JS 关于作用域闭包和 this 的综合面试题 —— 百度视频 • :tv: js 面向对象闭包数组 12.函数中的 this —— 乐视视频 • :tv: 1.3.10-this 指向及 this 应用 —— 乐视视频 • :tv: 珠峰培训 JavaScript 开发课程：关于 this 关键字、闭包作用域 —— 网易云课堂 **:arrow_up: 返回目录** --- • 函数作用域, 块级作用域和词法作用域 文章 • :book: 变量作用域与解构赋值 —— 廖雪峰 • :book: 学习 Javascript 闭包（Closure） —— 阮一峰 • :book: JavaScript 中词法作用域、闭包与跳出闭包 —— SegmentFault • :book: JavaScript 深入之词法作用域和动态作用域 —— 掘金 • :book: 深入理解闭包之前置知识 → 作用域与词法作用域 —— 掘金 • :book: What is lexical scope? —— stackoverflow • :book: You Don't Know JS: Scope & Closures —— Kyle Simpson **:arrow_up: 返回目录** --- • 闭包 文章 • :book: 闭包 —— MDN • :book: ECMAScript 闭包（closure）—— w3school • :book: 学习 Javascript 闭包（Closure） —— 阮一峰 • :book: 闭包 —— 廖雪峰 • :book: 一次性搞懂 JavaScript 闭包 —— 简书 • :book: JavaScript 闭包 —— SegmentFault • :book: js 匿名自执行函数中闭包的高级使用 —— 掘金 • :book: 高效使用 JavaScript 闭包 —— 掘金 • :book: 深入理解 JavaScript 原型与闭包 —— 王福朋 视频 • :tv: JavaScript 闭包和闭包面试题 —— 爱奇艺 • :tv: js 面向对象闭包数组 11.闭包 —— 乐视 • :tv: 白贺翔\_函数(闭包) —— 乐视 **:arrow_up: 返回目录** --- • map, reduce, filter 等高阶函数 文章 •…