---
title: 什么是 JavaScript？
site: 星湖の小窝
category: 前端
tags: [JavaScript, 入门]
date: 2026-09-30
updated: 2026-09-30
id: mdn-e2605ce4
---

# 什么是 JavaScript？

## 高层定义

JavaScript 是一种脚本编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新——交互式地图、2D/3D 动画、滚动播放的视频等等——JavaScript 就在其中。它是标准 Web 技术蛋糕的第三层，其中 [HTML](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content) 和 [CSS](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Styling_basics) 已经在学习区的其他部分进行了详细的讲解。

- [HTML](https://developer.mozilla.org/zh-CN/docs/Glossary/HTML) 是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。
- [CSS](https://developer.mozilla.org/zh-CN/docs/Glossary/CSS) 是一种样式规则语言，可将样式应用于 HTML 内容，例如设置背景颜色和字体，在多个列中布局内容。
- [JavaScript](https://developer.mozilla.org/zh-CN/docs/Glossary/JavaScript) 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）

这三层依次建立，秩序井然。以按钮作为示例。首先用 HTML 将文本标记起来，从而赋予它结构和目的：

```
html {
  height: 100%;
}

body {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

button {
  font-size: 1.4em;
}
```

html```
<button>玩家 1：小明</button>
```

然后我们可以为它加一点 CSS 让它更好看：

css```
button {
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid rgb(200 200 0 / 60%);
  background-color: rgb(0 217 217 / 60%);
  color: rgb(100 0 0 / 100%);
  box-shadow: 1px 1px 2px rgb(0 0 200 / 40%);
  border-radius: 10px;
  padding: 3px 10px;
  cursor: pointer;
}
```

最后，我们可以再加上一些 JavaScript 来实现动态行为：

js```
function updateName() {
  const name = prompt("请输入新的名字");
  button.textContent = `玩家 1：${name}`;
}

const button = document.querySelector("button");

button.addEventListener("click", updateName);
```

请尝试单击文本标签，在弹出的对话框中输入名称，然后单击“确定”按钮。

JavaScript 还能做很多其他事情——让我们来详细了解一下。

**备注：**在继续学习之前，不妨趁此机会尝试一下 Scrimba 上的挑战，亲自动手实践一下？请查看[渲染欢迎信息](https://scrimba.com/learn-javascript-c0v/~0n?via=mdn)  [*MDN 学习合作伙伴*](https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Learning_content#%E4%BC%99%E4%BC%B4%E9%93%BE%E6%8E%A5%E4%B8%8E%E5%B5%8C%E5%85%A5)。如果你不知道如何编写这段代码，完全不用担心；你可以尝试在网上搜索答案，或者查看练习末尾的答案。

## 它到底可以做什么？

客户端 JavaScript 语言的核心包含一些普遍的编程特性，以让你可以做到如下的事情：

- 在变量中储存有用的值。比如上文的示例中，我们请求客户输入一个新名字，然后将其储存到 `name` 变量中。
- 操作一段文本（在编程中称为“字符串”（string））。上文的示例中，我们取字符串“玩家 1：”，然后把它和 `name` 变量拼接起来，创造出完整的文本标签，比如“玩家 1：小明”。
- 运行代码以响应网页中发生的特定事件。上文的示例中，我们用一个 [`click`](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/click_event) 事件来检测按钮什么时候被点击，然后运行代码更新文本标签。
- 以及更多！

JavaScript 语言核心之上所构建的功能更令人兴奋。**应用程序接口**（**Application Programming Interface，API**）将为你的代码提供额外的超能力。

API 是已经建立好的一套代码组件，可以让开发者实现原本很难甚至无法实现的程序。就像现成的家具套件之于家居建设，用一些已经切好的木板组装一个书柜，显然比自己设计，寻找合适的木材，裁切至合适的尺寸和形状，找到正确尺寸的螺钉，*然后*再组装成书柜要简单得多。

API 通常分为两类。

**浏览器 API** 内建于 web 浏览器中，它们可以将数据从周边计算机环境中筛选出来，还可以做实用的复杂工作。例如：

- [DOM（文档对象模型）API](https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model) 能通过创建、移除和修改 HTML，为页面动态应用新样式等手段来操作 HTML 和 CSS。比如当某个页面出现了一个弹窗，或者显示了一些新内容（像上文小演示中看到那样），这就是 DOM 在运行。
- [地理位置 API](https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation_API) 获取地理信息。正是通过这种方式，[谷歌地图](https://www.google.com/maps)可以找到你的位置，而且标示在地图上。
- [画布](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API) API 和 [WebGL](https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API) API 可以创建生动的 2D 和 3D 图像。人们正运用这些 web 技术制作令人惊叹的作品。参见 [Chrome Experiments](https://experiments.withgoogle.com/collection/chrome) 和 [webglsamples](https://webglsamples.org/)。
- [音频和视频 API](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Audio_and_video_delivery)，例如 [`HTMLMediaElement`](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLMediaElement) 和 [WebRTC](https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API) 使你能够实现非常有趣的多媒体功能，例如直接在网页中播放音频和视频，或者从网络摄像头捕获视频并将其显示在其他人的计算机上（请尝试我们的简单[快照演示](https://chrisdavidmills.github.io/snapshot/)以了解其原理）。

**第三方 API** 并没有默认嵌入浏览器中，一般要从网上取得它们的代码和信息。比如：

- [Bluesky API](https://docs.bsky.app/)、[新浪微博 API](https://open.weibo.com/) 允许在网站上显示最新帖子等。
- [谷歌地图 API](https://developers.google.cn/maps/) 和 [OpenStreetMap API](https://wiki.openstreetmap.org/wiki/API)、[高德地图 API](https://lbs.amap.com/) 允许将自定义地图嵌入网站，并实现其他类似功能。

**备注：**这些 API 为进阶内容，本模块中不会涉及，更多信息请参考：[客户端 web API 模块](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Client-side_APIs)。

此外还有更多内容等着你！不过，先别太兴奋。光是学习 24 小时的 JavaScript，你还无法打造出下一个 Facebook、谷歌地图或 Instagram——首先还有很多基础知识需要掌握。而这正是你来到这里的原因——让我们继续吧！

## JavaScript 在页面上做了什么？

现在我们实实在在的学习一些代码，与此同时，探索 JavaScript 运行时背后发生的事情。

让我们简单回顾一下，浏览器在读取一个网页时都发生什么（[什么是 CSS](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Styling_basics/What_is_CSS#css_%E5%A6%82%E4%BD%95%E5%BA%94%E7%94%A8%E5%88%B0_html%EF%BC%9F) 一文中首次谈及）。浏览器在加载网页时，代码（HTML、CSS 和 JavaScript）将在一个运行环境（浏览器标签页）中得到执行，就像工厂将原材料（代码）加工为产品（网页）一样。

JavaScript 的一个非常常见的用途是通过文档对象模型 API（如上所述）动态修改 HTML 和 CSS，以更新用户界面。

### 浏览器安全

每个浏览器标签页就是其自身用来运行代码的独立容器（这些容器用专业术语称为“运行环境”）。大多数情况下，每个标签页中的代码完全独立运行，而且一个标签页中的代码不能直接影响另一个标签页（或者另一个网站）中的代码。这是一个好的安全措施，如果不这样，黑客就可以从其他网站盗取信息，或做一些其他坏事。

**备注：**以安全的方式在不同网站或标签页中传送代码和数据的方法是存在的，但它们属于进阶技术，本课程不会涉及。

### JavaScript 运行次序

当浏览器执行到一段 JavaScript 代码时，通常会按从上往下的顺序执行这段代码。这意味着你需要注意代码书写的顺序。比如，我们回到第一个例子中的 JavaScript 代码：

js```
function updateName() {
  const name = prompt("输入一个新的名字：");
  button.textContent = `玩家 1：${name}`;
}

const button = document.querySelector("button");

button.addEventListener("click", updateName);
```

首先使用 `document.querySelector` 选定一个按钮，然后使用 `addEventListener` 给它附上一个事件监听器（第 3 行），使得在它被点击时，`updateName()` 代码块（5 – 8 行）便会运行。`updateName()` 代码块（这类可以重复使用的代码块称为**函数**）向用户请求一个新名字，然后把这个名字插入到段落中以更新显示。

如果互换了代码里 `const button = ...` 和 `button.addEventListener(...)` 两行的顺序，会导致问题。[浏览器开发者控制台](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools)将返回一个错误：`Uncaught ReferenceError: Cannot access 'button' before initialization`。这意味着 `button` 对象还未初始化，所以我们不能为它添加事件监听器。

**备注：**由于存在诸如[提升](https://developer.mozilla.org/zh-CN/docs/Glossary/Hoisting)之类的行为，JavaScript 并不总是严格按照从上到下的顺序执行，但目前请记住，通常需要先定义变量才能使用它们。这是常见的错误来源之一。

### 解释代码 vs 编译代码

作为程序员，你或许听说过这两个术语：**解释**（interpret）和**编译**（compile）。在解释型语言中，代码自上而下运行，执行结果会立即返回。在浏览器执行代码之前，无需将代码转换为其他形式。代码以对程序员友好的文本形式接收，并直接以此形式进行处理。

相对的，编译型语言需要先将代码转化（编译）成另一种形式才能运行。比如 C/C++ 先被编译成机器码，然后才能由计算机运行。程序将以二进制的格式运行，这些二进制内容是由程序源代码产生的。

JavaScript 是轻量级解释型语言。web 浏览器接受到 JavaScript 代码，并以代码自身的文本格式运行它。技术上，几乎所有 JavaScript 转换器都运用了一种叫做**即时编译**（just-in-time compiling）的技术；当 JavaScript 源代码被执行时，它会被编译成二进制的格式，使代码运行速度更快。尽管如此，JavaScript 仍然是一门解释型语言，因为编译过程发生在代码运行中，而非之前。

两种类型的语言各有优势，这个问题我们暂且不谈。

### 服务器端代码 vs 客户端代码

你或许还听说过**服务器端**（server-side）和**客户端**（client-side）代码这两个术语，尤其是在 web 开发时。客户端代码是在用户的电脑上运行的代码，在浏览一个网页时，它的客户端代码就会被下载，然后由浏览器来运行并展示。在本模块中我们讨论的主要是**客户端 JavaScript**。

而服务器端代码在服务器上运行，然后运行结果才由浏览器下载并展示出来。流行的服务器端 web 语言包括：PHP、Python、Ruby、C#，甚至有 JavaScript！JavaScript 也可用作服务器端语言，比如现在流行的 Node.js 环境，你可以在我们的[动态网页——服务器端编程](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Server-side)主题中找到更多关于服务器端 JavaScript 的知识。

### 动态代码 vs 静态代码

**动态**一词既适用于客户端 JavaScript，又适用于描述服务器端语言。它是指通过按需生成新内容来更新 web 页面或应用，使得不同环境下可以显示出不同内容。服务器端代码会在服务器上动态生成新内容，例如从数据库中提取信息。而客户端 JavaScript 则在用户端浏览器中动态生成新内容，例如创建一个新的 HTML 表格，用从服务器请求到的数据填充，然后在网页中向用户展示这个表格。两种情况的意义略有不同，但又有所关联，且两者（服务器端和客户端）经常协同工作。

没有动态更新内容的网页叫做**静态**页面，所显示的内容不会改变。

## 怎样向页面添加 JavaScript？

可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/link) 元素链接外部样式表，使用 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/style) 元素向 HTML 嵌入内部样式表，而 JavaScript 这里只需一个元素——[``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/script)。我们来看看它是怎么工作的。

**备注：**Scrimba 的[设置 JavaScript 文件](https://scrimba.com/learn-javascript-c0v/~03?via=mdn)  [*MDN 学习合作伙伴*](https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Learning_content#%E4%BC%99%E4%BC%B4%E9%93%BE%E6%8E%A5%E4%B8%8E%E5%B5%8C%E5%85%A5) 的交互式教程将带你逐步了解几种向 HTML 中添加 JavaScript 的不同方法。

### 内部 JavaScript

1. 首先，下载示例文件 [apply-javascript.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript.html)。放在一个方便的文件夹里。
2. 分别在浏览器和文本编辑器中打开这个文件。你会看到这个 HTML 文件创建了一个简单的网页，其中有一个可点击按钮。
3. 接下来，打开文本编辑器，在正文底部——就在结束标签 `` 之前——添加以下内容：
  html```
<script>
  // 在此编写 JavaScript 代码
</script>
```
  请注意，Web 文档中，代码通常是按其在页面上出现的顺序加载和执行。通过把 JavaScript 放在底部，来确保所有的 HTML 元素完成加载（请参阅下面的脚本加载策略）。
4. 下面，在 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/script) 元素中添加一些 JavaScript 代码，这个页面就能做一些更有趣的事。在“// 在此编写 JavaScript 代码”一行下方添加以下代码：
  js```
document.addEventListener("DOMContentLoaded", () => {
  function createParagraph() {
    const para = document.createElement("p");
    para.textContent = "你点击了按钮！";
    document.body.appendChild(para);
  }

  const buttons = document.querySelectorAll("button");

  for (const button of buttons) {
    button.addEventListener("click", createParagraph);
  }
});
```
5. 保存文件并刷新浏览器——现在你应该会发现，点击该按钮后，会生成一个新段落并显示在下方。

**备注：**如果示例不能正常工作，请依次检查所有步骤，并保证没有纰漏。原始文件是否以 `.html` 为扩展名保存到本地了？`` 标签前是否添加了 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/script) 元素？JavaScript 代码输入是否正确？**JavaScript 是区分大小写的，而且非常精确，所以你需要准确无误地输入所示的语法，否则可能会出错。**

**备注：**你可以在 GitHub 上查看此版本 [apply-javascript-internal.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)（[也可在线查看](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)）。

### 外部 JavaScript

这很不错，但是能不能把 JavaScript 代码放置在一个外部文件中呢？现在我们来研究一下。

1. 首先，在刚才的 HTML 文件所在的目录下创建一个名为 `script.js` 的新文件。请确保扩展名为 `.js`，只有这样才能被识别为 JavaScript 代码。
2. 移除当前位于 `` 底部的 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/script) 元素，并且在结束标签 `` 之前添加以下内容（这样浏览器就能比在底部时更快开始加载文件）：
  html```
<script type="module" src="script.js"></script>
```
3. 在 `script.js` 文件中，添加下面的脚本：
  js```
function createParagraph() {
  const para = document.createElement("p");
  para.textContent = "你点击了按钮！";
  document.body.appendChild(para);
}

const buttons = document.querySelectorAll("button");

for (const button of buttons) {
  button.addEventListener("click", createParagraph);
}
```
4. 保存并刷新浏览器。就会发现点击按钮不起作用，如果检查浏览器控制台，会看见类似 `Cross-origin request blocked` 的错误。这是因为与许多外部资源一样，JavaScript 模块需要从与 HTML [同源](https://developer.mozilla.org/zh-CN/docs/Web/Security/Defenses/Same-origin_policy)的地方加载，并且 `file://` URL 不符合条件。有两个解决方案可以解决这个问题：
  - 我们推荐的解决方案是按照指南[设置本地测试服务器](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Howto/Tools_and_setup/set_up_a_local_testing_server)。运行服务器程序并且在 `8000` 端口提供文件 `apply-javascript-external.html` 和 `script.js`，打开浏览器并访问 `http://localhost:8000`。
  - 如果无法运行本地服务器，也可以使用 `` 代替 ``。了解更多信息请参阅下面的脚本加载策略。但是注意，本教程其他部分使用的特性可能需要本地 HTTP 服务器。
5. 现在网站和之前一样了，但是我们的 JavaScript 放在了一个外部文件。一般来说，这对组织代码并在多个 HTML 文件中复用来说是一件好事。此外，没有大段脚本的 HTML 更容易阅读。

**备注：**你可以在 GitHub 上查看 [apply-javascript-external.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html) 以及 [script.js](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/script.js)（[也可在线查看](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html)）。

### 内联 JavaScript 处理器

注意，有时候你会遇到在 HTML 中存在着一丝真实的 JavaScript 代码。它或许看上去像这样：

js```
function createParagraph() {
  const para = document.createElement("p");
  para.textContent = "你点击了按钮！";
  document.body.appendChild(para);
}
```

html```
<button onclick="createParagraph()">点我！</button>
```

你可以在下面尝试这个版本的演示。

这个演示与之前的两个功能完全一致，只是在 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/button) 元素中包含了一个内联的 `onclick` 处理器，使得函数在按钮被按下时运行。

**然而请不要这样做**。这将使 JavaScript 污染了 HTML，而且效率低下。对于每个需要应用 JavaScript 的按钮，你都得手动添加 `onclick="createParagraph()"` 属性。

### 请使用 addEventListener

与其在 HTML 中包含 JavaScript，不如使用纯 JavaScript 构造。通过 `querySelectorAll()` 函数，可以选择页面上的所有按钮。然后可以循环遍历这些按钮，使用 `addEventListener()` 为每个按钮分配一个处理器。代码如下所示：

js```
const buttons = document.querySelectorAll("button");

for (let i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", createParagraph);
}
```

这样写乍看去比 `onclick` 属性要长一些，但是这样写会对页面上所有按钮生效，无论多少个，或添加或删除，完全无需修改 JavaScript 代码。

**备注：**请尝试修改 `apply-javascript.html` 以添加更多按钮。刷新后可发现按下任一按钮时都会创建一个段落。这样很高效吧？

### 脚本加载策略

页面上的所有 HTML 代码都按其出现的顺序加载。如果使用 JavaScript 去操作页面上的元素（更准确的说，是[文档对象模型](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting/DOM_scripting#%E6%96%87%E6%A1%A3%E5%AF%B9%E8%B1%A1%E6%A8%A1%E5%9E%8B)），那么如果 JavaScript 在 HTML 之前就被加载和解析了，代码将无法运行。

有几种不同的策略来确保 JavaScript 只在 HTML 解析之后运行：

- 在上面的内部 JavaScript 示例中，脚本元素放在文档正文的底部，因此只能在 HTML 正文的其他部分被解析以后运行。
- 在上面的外部 JavaScript 实例中，脚本元素放在文档的头部，在解析 HTML 正文之前解析。但是由于我们使用了 ``，代码被视为一个[模块](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules)，并且浏览器在执行 JavaScript 模块之前会等待所有的 HTML 代码都处理完毕（也可以把外部脚本放在正文的底部，但是如果 HTML 内容较多且网络较慢，在浏览器开始获取并加载脚本之前可能需要大量的时间，因此将外部脚本放在头部通常会更好一些）。
- 如果仍然想在文档头部使用非模块脚本，可能阻塞整个页面的显示，并且可能出现错误，因为脚本在文档解析之前执行：
  对于外部脚本，应该在 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Elements/script) 元素上添加 `defer`（或者如果不需要 HTML 解析完成，则可以使用 `async`）属性。
- 对于内部脚本，应该将代码封装在 [`DOMContextLoaded` 事件监听器](https://developer.mozilla.org/zh-CN/docs/Web/API/Document/DOMContentLoaded_event)中。

这超出了本教程的范围，除非你需要支持非常老的浏览器，否则不要这样做，使用 `` 代替即可。

## 注释

就像 HTML 和 CSS，JavaScript 代码中也可以添加注释，浏览器会忽略它们，注释只是为你的同事（还有你，如果半年后再看自己写的代码，还会记得其中的含义吗）提供关于代码如何工作的指引。注释非常有用，而且应该经常使用，尤其在大型应用中。注释分为两类：

- 在双斜杠（`//`）后添加单行注释，比如：
  js```
// 我是一条注释
```
- 在 `/*` 和 `*/` 之间添加多行注释，比如：
  js```
/*
  我也是
  一条注释
*/
```

比如说，我们可以这样为上一个演示的 JavaScript 代码添加注释：

js```
// 函数：创建一个新的段落并添加至 HTML body 底部。
function createParagraph() {
  const para = document.createElement("p");
  para.textContent = "你点击了按钮！";
  document.body.appendChild(para);
}

/*
  1. 取得页面上所有按钮的引用并将它们置于一个数组中。
  2. 通过一个循环为每个按钮添加一个点击事件的监听器。
  当按钮被点击时，调用 createParagraph() 函数。
*/

const buttons = document.querySelectorAll("button");

for (const button of buttons) {
  button.addEventListener("click", createParagraph);
}
```

**备注：**一般来说，注释越多越好，但如果你发现自己添加了大量注释来解释变量是什么（变量名也许应该更直观），或者解释非常简单的操作（也许代码过于复杂），那么就应该小心了。

## 总结

恭喜你，迈出了探索 JavaScript 世界的第一步。我们从理论开始，介绍为什么要使用 JavaScript，以及用它能做什么事情。过程中穿插了一些代码示例并讲解了 JavaScript 如何与网站中其他代码适配，等等。

JavaScript 目前看起来可能有点让人望而生畏，但别担心——在本课程中，我们将通过简单易懂的步骤带你逐步掌握，让你今后能轻松理解。在下一篇文章中，我们将直接进入实践环节，让你立即动手，编写自己的 JavaScript 示例。

- [概述：创建 JavaScript 代码块](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting)
- [下一页](https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting/A_first_splash)

---

本文来自 [MDN Web Docs](https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/First_steps/What_is_JavaScript) 的《什么是 JavaScript？》，作者 Mozilla Contributors，按 [CC BY-SA 2.5](https://creativecommons.org/licenses/by-sa/2.5/) 转载，本站仅调整排版并去掉原文插图。