每个 JavaScript 工程师都应懂的33个概念

2024-05-06 15:28:32

字体：大中小

来源：转载

供稿：网友

简介

这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。

本篇文章是参照 @leonardomso 创立，英文版项目地址在这里。由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。

若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。

文章的排序优化，前面的文章是介绍概念，后面的文章是深入解读。将原文的 "高阶函数" 和 "map, reduce, filter" 合并为 "map, reduce, filter 等高阶函数" 增加 "promise" 概念(替换删除的 "高阶函数")

1. 调用堆栈

文章

Call Stack — MDN [译] JavaScript 如何工作：对引擎、运行时、调用堆栈的概述 [译]理解 JavaScript 中的执行上下文和执行栈这一次，彻底弄懂 JavaScript 执行机制解读 JavaScript 之引擎、运行时和堆栈调用 —— 开源中国 Tasks, microtasks, queues and schedules —— Jake Archibald

视频

What is the event loop anyway? —— 腾讯视频(英文字幕) Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili JS 中的变量提升、堆栈内存及闭包详解 —— Acfun 事件循环模型 —— PHP 中文网

2. 原始类型

文章

原始数据 —— MDN ECMAScript 原始类型 —— W3school How numbers are encoded in JavaScript —— Dr. Axe 每一个 JavaScript 开发者应该了解的浮点知识 —— 颜海镜 JavaScript 标准参考教程(基本语法之数值) —— 阮一峰 The Secret Life of JavaScript Primitives —— Angus Croll

视频

javascript 六种数据类型 javascript 视频教程(数据类型) —— PHP 中文网

3. 值类型和引用类型

文章

ECMAScript 引用类型 —— W3school js 中的值类型和引用类型的区别 JavaScript 的值传递和引用传递 Primitive Types & Reference Types in JavaScript —— Bran van der Meer JavaScript: Passing by Value or by Reference —— CSDN js 值引用和值复制 —— SegmentFault js- 引用和复制(传值和传址) —— CSDN

4. 隐式, 显式, 名义和鸭子类型

文章

ECMAScript 类型转换 —— W3school JavaScript 的怪癖 1：隐式类型转换 —— justjavac JavaScript 运算符规则与隐式类型转换详解 —— 掘金聊一聊 JS 中的隐式类型转换 —— SegmentFault 有趣的 JavaScript 隐式类型转换 —— 博客园 JavaScript 显式类型转换与隐式类型转换 —— CSDN 你不知道的 JavaScript（中卷）强制类型转换 —— 简书你懂 JavaScript 嗎？#8 強制轉型 —— cythilya 动态类型语言和鸭子类型 —— 曾探 Nominal & Structural Typing —— flow What exactly is Type Coercion in Javascript? —— stackoverflow You Don't Know JS: Types & Grammar —— github

上一篇：Vue创建头部组件示例代码详解

下一篇：在js代码拼接dom对象到页面上的模板总结