超过 20 个资源助您提升 JavaScript 技能

2025-05-28

超过 20 个资源助您提升 JavaScript 技能

JavaScript 的使用从未像今天这样广泛。掌握它是一项真正的财富。初学 JavaScript,你首先会学习变量、if 语句、循环、数组、对象、函数!或许你甚至知道什么是 JavaScriptthis以及如何使用 JavaScript async/await
但这仅仅是 JavaScript 的冰山一角。你还有更多需要学习的内容。

为了更好地理解 JavaScript,你需要深入了解它的基础知识以及它背后的工作原理。这可能是一项艰巨的任务。不过别担心,我会支持你的!
我阅读和观看了很多资源来提高 JavaScript 水平,今天我想和大家分享一下。

要学习的主题

要提升你的 JavaScript 技能,你需要了解:

什么是 JavaScript

多范式、动态类型、单线程、ECMAScript 规范。你需要知道是什么让 JS 成为 JS。Kyle Simpson 在《你还不懂 JS》第一章中对此进行了解释。

JavaScript 引擎的工作原理

要运行代码,你需要一个引擎来运行它。Lydia Hallie 在这篇关于JavaScript 引擎的文章中对此进行了很好的解释。你将意识到如何通过输入 JavaScript 来提高 v8 的性能。

可怕的事件循环

你知道 JavaScript 是同步执行的吗?但是,如何才能在不阻塞页面的情况下进行 API 调用呢?这里介绍一下事件循环和浏览器 API。关于这方面,有两个很棒的视频: Jake Archibald 的《In The Loop》Philip Roberts 的《事件循环到底是什么》 。

执行上下文、提升、作用域和闭包

你需要了解 JavaScript 在运行程序时究竟做了什么。Tyler Mc Ginnis 为你带来了一篇关于执行上下文、代码提升、作用域和闭包的精彩文章。

强迫

JavaScript 解释时究竟发生了什么"1" == 1?提示:强制转换。Alexey Samoshkin 写了一篇关于 JavaScript 强制转换的指南,很有意思!

JavaScript 中的原型

这是 JavaScript 中你无法回避的支柱,所以你最好了解它的含义。我找到了两篇关于这方面的有用文章:Rupesh Mishra 的《JavaScript 原型》和 Tyler McGinnis 的《JavaScript 原型初学者指南》。希望通过这些文章,原型链__proto__和对象不再令人畏惧。

这,调用,应用和绑定

啊,this。如果对 有误解this,你的程序中经常会出现类似Cannot read property 'name' of undefined或 这样的常见错误。Tania Rascia 在她的文章《理解 JavaScript 中的 This、Bind、Call 和 Apply》greet is not a function中为你详细解析了这些概念

Promises 和 async/await

ES2015 引入了 Promise,让 JavaScript 开发者能够更轻松地编写异步代码。您可以阅读Eric Elliott 的《什么是 Promise? 》或 Scotch.io 上的《JavaScript Promises for Dummies》来了解 Promise 的含义。您还可以观看 Wes Bos 关于Async/Await 的精彩演讲

模块

什么是 ECMAScript 模块?什么是 Common JS?什么是模块打包器?Tyler Mc Ginnis 的另一篇关于JavaScript 模块的文章可以解答这些问题。我还强烈建议你看看Sean Larkin 的Webpack 4 基础课程。

函数式编程

我们已经知道 JavaScript 是一种多范式语言。JavaScript 支持的一种范式是函数式编程,因为函数是“一等公民”。Andrea Bertoli 写了一篇关于函数式编程基础的精彩文章。你将会看到组合的威力。

课程

正如你上面看到的,学习 JavaScript 的资源非常丰富,你可能会觉得眼花缭乱。别担心。如果你只想选一门课程,我也能帮你:

当你需要学习新概念时,你需要留出学习时间,阅读或观看不同的资源,并进行大量的练习。运用这种策略能让你真正掌握一个主题。这就是我推荐各种文章和课程的原因。不要再犹豫,开始学习 JavaScript 吧!

文章来源:https://dev.to/thomaslombart/20-resources-to-read-or-watch-to-become-an-advanced-javascript-developer-18hb
PREV
如何成为一名前端开发人员
NEXT
从头构建一个 react-router 克隆