48 篇文章助你从 JavaScript 初学者走向专家

如果你是编程新手，你可能会考虑自己能否在短时间内掌握一门编程语言。答案是：不行。在短时间内掌握所有流行编程语言的知识并完成一份低级程序员的工作几乎是不可能完成的任务。

JavaScript 是使网站页面智能化的最知名语言。为了真正吸引访客的注意，你需要它具备智能化的功能。

然而，真正掌握 JavaScript 的基础知识需要多长时间呢？我们应该尝试一下。

让我们讨论如何通过资源学习 JavaScript 路线图。

JavaScript 基础知识：执行语法

• 全局执行上下文
• 函数执行上下文
• 提升
• 作用域链和词法环境

资源

• JavaScript 教程 - JavaScript 执行上下文
• 前所未有地理解 JavaScript 执行上下文
• 执行上下文
• JavaScript 中的提升
• 理解作用域链

运算符

• 比较运算符
• 逻辑运算符
• 短路评估
• 字符串运算符
• 条件运算符

资源

• 比较运算符和逻辑运算符
• 比较运算符和逻辑运算符
• 什么是短路求值？
• 表达式和运算符
• JavaScript 运算符
• 条件（三元）运算符

控制流和错误处理

• 块语句
• 条件语句
• 虚假值
• 异常处理语句
• Throw 语句

资源

• 区块 - MDN
• JavaScript 条件语句
• JavaScript 中的虚假值
• JavaScript 中的异常处理
• Throw 语句 JavaScript - MDN

对象和函数

• 函数语句和函数表达式
• IIFE 及其实际应用。安全代码
• 嵌套函数和闭包
• 实用关闭

资源

• 函数声明与函数表达式
• JavaScript 中的 IIFE
• IIFE 的实际应用
• JavaScript 闭包
• JavaScript 中的嵌套函数
• JavaScript 闭包实用指南

对象和功能[更多和重要]

• 使用回调函数的异步操作
• JavaScript 基础知识
• 原始值如何通过值和引用赋值
• 对象字面量、属性和方法
• 可选链式调用
• “this”关键字

资源

• 了解异步 JavaScript：回调、Promises 和 Async/Await
• 申请、绑定、调用
• JavaScript 原始值与引用值
• 简化对象字面量
• 使用对象
• 理解对象、属性和方法
• 可选链式调用
• JavaScript 中的 this 关键字

数组

• 数组声明（通过索引获取值，获取数组长度）
• 数组辅助方法：forEach、map、filter、find、every、some、reduce、sort、concat、findIndex、reverse、includes、pop、shift、unshift。

资源

• 关于 JavaScript 数组方法你需要知道的一切
• JavaScript 数组手册 – JS 数组方法讲解及示例

ES6（第一部分）

• Const 和 let
• 使用 let 的块范围变量和函数
• 箭头函数
• 在函数中设置默认参数值
• 扩展参数处理（Rest 和 Spread）

资源

• Var、Let 和 Const – 有什么区别？
• JavaScript let：声明块作用域变量
• ES6 箭头函数：JavaScript 中简洁的语法
• 理解 JavaScript 中的默认参数

ES6（第二部分）

• 模板字面量
• 解构赋值
• 对象属性
• 异步流控制
• 类（定义、继承、基类访问、getter/setter、静态成员）

资源

• 模板字面量
• 解构赋值
• JavaScript | 对象属性
• JavaScript 类完全指南

继承和原型链

• Prototype 属性如何工作
• 如何使用原型属性
• 如何继承方法和属性
• 创建对象的不同方式以及由此产生的原型链

资源

• JavaScript 中的原型
• JavaScript 中的继承
• 继承和原型链

JavaScript 模块

• 模块的导出和导入
• 默认和名称导出
• 重命名进口和出口
• 类的导入和导出
• 动态模块加载
• 顶级等待

资源

• JavaScript | 导入和导出模块
• ES6 中的命名导出与默认导出
• 在 vanilla JS 中使用 ES 模块重命名导入和导出
• 动态导入

这是一个相当简单的路线图，以文章作为资源。但这些资源确实很有帮助，而且来自人们喜欢阅读的网站。

感谢您阅读这篇文章。祝您旅途愉快。