为什么我依然喜欢写原生 JavaScript
写原生 JavaScript 会带来一种很直接的满足感:没有构建工具,没有依赖,只有一个 <script> 标签和一个想法。
在复杂框架和打包工具盛行的时代,打开一个空白文件,开始写能在各处运行的逻辑,是件让人耳目一新的事。原生 JavaScript 让我想起当初开始编程的原因:让屏幕上的东西动起来、作出回应,变得鲜活。
当你不依赖抽象层工作时,就必须真正理解发生了什么:DOM、事件、时序、作用域。每个点击处理函数、每次 API 调用,都成了与浏览器的直接对话。这会让你对 Web 的实际运行方式形成更敏锐的直觉。
下面是一个我经常回顾的小例子。没有 React,没有框架,只有 JavaScript 做着它擅长的事:
const button = document.querySelector('#btn');
const counter = document.querySelector('#count');
let count = 0;
button.addEventListener('click', () => {
count++;
counter.textContent = `Clicked ${count} times`;
});
无需配置,无需导入,打开浏览器就能运行。
为什么它依然重要
- 速度: 没有依赖的代码,加载起来格外轻快。
- 控制: 你清楚知道底层究竟发生了什么。
- 学习: 每一行代码都能让你更了解浏览器。
- 自由: 不必等待库更新,也无需应付破坏兼容性的变更。
框架很出色,但它们有时会模糊“如何工作”与“为何这样工作”之间的界限。原生 JavaScript 让这条界限保持清晰。
它简单、轻量,却有着无穷的可能。
有时我觉得,开发者提升自己的最佳方式,就是回到基础,仅仅为了其中的乐趣,写上几百行纯粹的 JavaScript。
模板示例