首先，问大家一个问题，你对 JS 的熟练程度有多深？
今日，我们将向大家介绍JS领域的33个核心概念，其中部分概念或许您已有所了解，而有些或许您尚不熟悉，甚至可能未曾耳闻。
这些概念是作为前端都应该需要知道的，那我们开始吧。
1. 调用堆栈
调用堆栈这一机制，旨在帮助解释器（例如，网络浏览器中的JavaScript解释器）追踪脚本在执行多个函数时的具体位置——明确指出当前正在执行的函数，以及该函数是如何调用其他函数的，如此类推。
2. 原始类型
除了指定的对象外，其他各类别均设定了固定不变的数值（即，这些数值不可被更改）。以字符串为例（与C语言的情况有所区别），它就是一种不可变的类型。我们将这些数值称作“原始值”。
3. 值类型和引用类型
该变量被分配了非原始数据，随后被赋予了对应数据的引用。这个引用指向了数据在内存中的具体位置。实际上，变量本身并不直接存储该数据。
隐式、显式、名义、结构化以及鸭子类型。
类型强制机制涉及当运算符作用在不同数据类型的操作数上时，会将其中一个操作数转换成与另一个操作数类型相对应的“等效”数值。
在JavaScript中，类型强制转换是一个重要的概念，它指的是将一个变量的数据类型转换为另一种类型的过程。这个过程在编程中经常发生，尤其是在处理不同数据类型的变量时。类型强制转换可以使得代码更加灵活，但也可能导致一些不可预见的结果。因此，理解类型强制转换的原理对于编写高效和安全的JavaScript代码至关重要。在Stack Overflow上，有一个关于类型强制转换的详细讨论，该讨论旨在解释类型强制转换的确切含义及其在JavaScript中的应用。
5. == vs === vs typeof
JavaScript提供了两种在视觉上看似相同实则差异显著的相等性测试方式。一种是使用双等号“==”，另一种则是使用三等号“===”。
6. 函数作用域，块作用域和词法作用域
1: 函数作用域 2：块作用域 3：记法作用域
7. 表达式与声明式
这种区分至关重要，因为表达式具备与声明式相似的执行能力，正因如此，我们才设立了表达式语句。与此同时，声明式却无法像表达式那样进行操作。
8. IIFE，模块和命名空间
在深入理解JavaScript高级概念的过程中，我们经常会遇到立即执行函数表达式（IIFE）这一重要概念。它是一种常见的编程技巧，对于掌握JavaScript编程至关重要。通过学习IIFE，我们可以更好地理解函数的即时执行和闭包的原理。这种表达式的使用在编写模块化和可重用的代码时尤为关键。因此，熟练掌握IIFE对于提升JavaScript编程技能是必不可少的。
9. 消息队列和事件循环
JavaScript实现异步与单线程的机制，简而言之，其本质在于JavaScript本身运行于单一线程之上，而所谓的异步操作并非JavaScript语言固有特性，它是在浏览器或编程环境的核心JavaScript功能基础上，通过调用浏览器提供的API来实现的。
《JavaScript事件循环详解》这篇文章在Medium平台上发布，详细阐述了JavaScript的事件循环机制。
setTimeout、setInterval以及requestAnimationFrame。
我们期望在未来的某个时刻进行函数的执行，而非立即由黎曼执行，这种做法被称为“调度调用”。
在JavaScript中，我们可以使用setTimeout和setInterval函数来处理定时任务。setTimeout函数允许我们设置一个延迟执行的代码块，而setInterval函数则可以创建一个周期性执行的代码块。这两个函数在编程中非常有用，特别是在实现异步操作和定时器功能时。例如，在https://javascript.info/settimeout-setinterval这个页面中，你可以找到更多关于这两个函数的详细信息和示例代码。
11. JavaScript引擎
编写Web代码时常令人感到奇妙，开发人员通过输入一系列字符，这些字符在浏览器中便转化成了生动的图像、文字以及动作。掌握这项技术有助于开发人员更有效地提升自身的编程能力。
该网站专注于介绍和讨论各种JavaScript引擎，包括其历史、功能以及在不同项目中的应用。
12. 按位运算符，类型数组和数组缓冲区
在技术层面，对计算机而言，万物皆由1和0构成。它并不依赖数字、字符或字符串，而是仅采用二进制数（位）进行操作。简而言之，所有信息都是以二进制的形式进行存储。随后，计算机通过如UTF-8等编码方式，将存储的位序列转换为字符、数字或各种符号（以简单易懂的方式解释）。
探讨JavaScript中的位运算技巧，深入理解其在编程中的应用，是提升编程技能的重要途径。在本文中，我们将对JavaScript中的位运算进行详细解析，并通过实例展示其具体用法。
13. DOM和布局树
文档对象模型，简称DOM，是赋予网站互动功能的关键要素。这一模型使得编程语言能够操控网站的内容、布局及样式。JavaScript，作为连接至网络浏览器中DOM的客户端脚本语言，在其中扮演着至关重要的角色。
介绍DOM（文档对象模型）的基本概念，阐述其重要性，并探讨如何在实际编程中运用它。
14. 工厂和类
JavaScript作为一种基于原型的编程语言，其特点是对象的属性与函数能够通过具备复制与扩展功能的通用对象进行共享。这种机制被称作原型继承，与基于类的继承方式有所区别。
Digitalocean社区教程阐述了JavaScript中原型和继承的深刻理解，详细介绍了相关概念和技巧。
15. this, call, apply 和 bind
这些函数对于每一位JavaScript开发者而言至关重要，它们几乎被所有JavaScript库和框架所采纳。
在JavaScript中，我们可以通过调用、应用和绑定方法来深入理解函数的工作原理，这些方法揭示了函数如何与上下文环境相互关联，并展示了如何灵活地操控函数的行为。通过阅读Levelup.gitconnected上的文章《Grokking Call, Apply, and Bind Methods in JavaScript》，我们可以掌握这些技巧，从而在编程实践中更加得心应手。
新的构造函数、instanceof 关键字以及实例对象。
JavaScript对象均具备一个原型属性。这些对象均能继承自其原型的方法与属性。
在《JavaScript入门：新操作符》这篇文章中，详细介绍了JavaScript中的新操作符的相关知识。文章首先阐述了新操作符的概念，接着分析了其在JavaScript编程中的应用场景，并举例说明了如何使用新操作符来创建对象和函数。此外，文章还讨论了新操作符的性能优势，以及与旧操作符的区别。通过阅读这篇文章，读者可以更好地理解新操作符的用法，提高编程效率。
17. 原型继承和原型链
对于拥有Java或C++等基于类语言经验的开发者而言，JavaScript可能会让他们感到困惑。这是因为JavaScript是一种动态语言，它自身并不直接提供类的实现功能（尽管在ES2015中引入了class关键字，但这仅是语法上的便利，JavaScript本质上依然是基于原型的）。
在探讨JavaScript中的继承与原型链时，我们可以发现，这一机制对于理解对象如何从其他对象继承属性和方法至关重要。在Mozilla开发者文档中，这一概念被详细阐述，它揭示了如何通过原型链实现对象的继承关系。
Object.create方法用于创建一个新对象，该对象的原型被指定为传入的参数对象；而Object.assign方法则用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，然后返回目标对象。
在JavaScript中，Object.create是一种用来生成新对象的技术手段。
在JavaScript中，创建对象的方法有多种，比如使用字面量语法、构造函数或者Object.create方法。字面量语法简单直观，直接在代码中定义对象属性和方法。构造函数允许我们创建具有相同属性和方法的多个对象实例。而Object.create方法则可以创建一个新对象，该对象的原型被指定为传入的参数。这些方法各有特点，适用于不同的场景和需求。
19. map, reduce, filter
即便你对函数式编程的概念并不了解，但你可能已经频繁地运用了map、filter和reduce这些工具，因为它们极其实用，能帮助你构建出更为简洁的逻辑，进而让你的代码质量得到显著提升，避免出现低劣的代码。
在阅读了Medium上关于JavaScript函数式编程的《Map、Filter和Reduce》一文后，我深刻体会到了这些方法在处理数据时的强大功能。文章详细阐述了如何使用map函数来遍历数组并对每个元素执行操作，filter函数则用于筛选出满足特定条件的元素，而reduce函数则可以将数组中的所有元素合并成一个单一的值。通过这些方法，我们可以更简洁、更高效地处理数据，从而提高代码的可读性和可维护性。
20.纯函数、副作用、状态突变和事件传播
众多bug的产生与涉及IO操作、数据突变及产生副作用的代码密切相关。这些问题在我们的代码库中普遍存在——无论是处理用户输入、遭遇http调用时的意外响应，还是向文件系统进行写入操作。这无疑是一个严峻的现实，因此我们有必要正确面对并妥善解决这些问题。
在《JavaScript与函数式编程》的第三部分中，我们可以深入探讨纯函数的概念，这一部分的内容被发布在Hackernoon网站上。
21.闭包
闭包是一种将函数及其所依赖的周围环境（即词法作用域）紧密连接的构造。换言之，闭包使得内部函数能够访问外部函数的作用域。在JavaScript编程语言中，每当一个新的函数被创建，闭包便随之产生。
在《Mozilla Developer Network》的文档中，我们可以找到关于闭包的详细解释，它是一种特殊的JavaScript编程概念，允许函数访问并操作其外部作用域中的变量，即便是在函数外部调用时也是如此。闭包在JavaScript编程中扮演着至关重要的角色，它使得函数能够记住并访问其创建时的词法作用域，从而实现许多高级编程技巧。
22. 高阶函数
JavaScript具备接纳高级函数的能力。这一特性，加上其他优点，使得JavaScript成为众多适合函数式编程的编程语言之一。
探讨JavaScript中的高级函数，该网站提供了丰富的资源，详细介绍了如何使用这些函数来提升代码的复用性和可读性。在https://www.sitepoint.com/上，你可以找到关于高级函数的深入分析和实例代码，这对于想要提高JavaScript编程技能的开发者来说，无疑是一个宝贵的资源。
23. 递归
在https://www.freecodecamp.org/news/这个网址上，有一篇关于JavaScript中递归的文章，文章的标题是《JavaScript中的递归》，发布日期为2020年8月3日。
24. 收集器和生成器
生成器对象来源于生成器函数的输出，并且同时满足可迭代和迭代器的要求。
在《Mozilla Developer Network》的文档中，我们可以找到关于JavaScript中全局对象Generator的详细说明。Generator是一种特殊的函数，它允许函数在执行过程中暂停，并在适当的时候恢复执行。这种机制使得Generator在处理异步操作时特别有用。Generator函数通过使用`yield`关键字来产生值，并在每次产生值后暂停执行。这使得开发者能够以同步的方式编写异步代码，从而简化了编程过程。
25. Promise
Promise实体反映了某个异步任务最终完成或出现故障，并提供了相应的结果数据。
在《Mozilla Developer Network》的文档中，我们可以找到关于JavaScript中全局对象Promise的详细描述，该对象被广泛应用于异步编程，它允许开发者以更加简洁和可控的方式处理异步操作的结果。
26. async/await
在https://javascript.info/async-await这个链接中，您可以找到关于如何使用async和await语法来处理JavaScript中异步操作的详细信息。
27. 数据结构
JavaScript技术持续进步，React、Angular、Vue、NodeJS、Electron、React Native等众多框架与平台亦在迅猛成长。这些因素共同推动下，JavaScript在大型应用场景中的运用已经变得非常广泛。
在阅读了《在JavaScript中使用数据结构进行玩耍——栈》这篇文章后，我深刻体会到了栈在编程中的重要性，并对其有了更深入的理解。文章详细介绍了栈的基本概念、实现方法以及在JavaScript中的具体应用，让我受益匪浅。
28. 昂贵的运算和大O符号
“大O符号究竟是什么？”这通常是开发人员在求职面试中常遇到的问题。简单来说，它是一种数学术语，用来描述一个算法根据输入数据的大小所需运行的时间，通常指的是该算法在最坏情况下的运行时间。
在JavaScript中，理解大O符号至关重要，它有助于我们评估算法的效率，确保我们的代码在处理大量数据时依然保持高性能。通过使用大O符号，我们可以对算法的时间复杂度和空间复杂度进行量化分析，从而在编写代码时做出明智的选择。深入了解大O符号，将有助于我们构建更加高效和可扩展的应用程序。
29. 算法
在数学领域与计算机科学范畴内，算法代表了一套明确规定的指令序列，这一序列通常被用来处理特定类型的问题或执行计算任务。
30. 继承、多态性和代码重用
类与类之间的继承关系，意味着一个类能够拓展另一个类的特性，从而使得我们能够基于已有功能，构建出更为丰富的新的功能。
在遵循JavaScript信息网站上关于类继承的介绍时，我们了解到，继承是一种允许一个对象获取另一个对象的属性和方法的技术，它使得代码更加模块化和可复用。通过继承，子类可以继承父类的属性和方法，同时还可以添加自己独特的属性和方法。这种机制在JavaScript中尤为重要，因为它有助于构建复杂且结构化的代码库。在具体实现上，JavaScript提供了多种方式来实现类继承，包括原型链和类表达式等。了解这些方法对于深入掌握JavaScript编程至关重要。
31. 设计模式
开发人员们正致力于创作易于维护、阅读和复用的代码。随着应用程序规模的不断扩大，代码的架构化显得尤为关键。实践证明，设计模式是应对这一挑战的核心——它为特定情境下的普遍问题提供了有效的组织框架。
请访问https://www.digitalocean.com/，了解关于JavaScript设计模式的教程系列。
32. 局部应用、柯里化、组成和管道
函数组合指的是一种技术，通过将若干个简单的函数进行合并，从而构建出一个功能更为复杂的函数。
在JavaScript中，你可以运用函数组合的技巧，以实现代码的复用和模块化。这种方法允许你将多个函数按照一定的顺序连接起来，形成一个连续的操作流程。通过这种方式，你可以将复杂的逻辑分解成一系列简单的步骤，从而提高代码的可读性和可维护性。函数组合在处理数据处理和转换任务时尤其有用，因为它可以让你轻松地串联多个处理函数，对数据进行连续的加工。例如，你可以先使用一个函数来过滤数据，然后使用另一个函数来转换数据格式，最后再通过第三个函数来执行最终的输出操作。这种灵活的编程模式有助于构建更加高效和模块化的代码结构。
33. 简洁代码
每个开发者都必须熟练掌握编写清晰、易于理解且便于维护的代码这一基本技能。
针对编程初学者的清洁编码指南，可在https://www.freecodecamp.org/news/clean-coding-for-beginners/上找到。
