JavaScript - 动态客户端脚本

JavaScript 是一种编程语言，允许你在网页上实现复杂的功能。每当网页不仅仅是坐在那里显示静态信息供你查看时（显示及时的内容更新、交互式地图、动画 2D/3D 图形、滚动视频点唱机等等），你可以打赌可能涉及 JavaScript 。

¥JavaScript is a programming language that allows you to implement complex functionalities on web pages. Every time a web page does more than just sit there and display static information for you to look at—displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, or more—you can bet that JavaScript is probably involved.

先决条件

¥Prerequisites

JavaScript 可以说比 HTML 和 CSS 等相关技术更难学。在尝试学习 JavaScript 之前，强烈建议你首先至少熟悉这两种技术，也许还可以熟悉其他技术。首先完成以下模块：

¥JavaScript is arguably more difficult to learn than related technologies such as HTML and CSS. Before attempting to learn JavaScript, you are strongly advised to get familiar with at least these two technologies first, and perhaps others as well. Start by working through the following modules:

拥有其他编程语言的经验也可能会有所帮助。

¥Having previous experience with other programming languages might also help.

熟悉 JavaScript 基础知识后，你应该能够学习更高级的主题，例如：

¥After getting familiar with the basics of JavaScript, you should be in a position to learn about more advanced topics, for example:

模块

¥Modules

我们对现代 JavaScript 的政策

¥Our policy on modern JavaScript

JavaScript 是一种积极发展的语言，多年来发生了很大的变化。特别是，该语言的第 6 版（有时称为 ECMAScript 2015 或 ES6）于 2015 年推出，添加了许多新功能。同时，为了保持与旧网站的向后兼容性，保留了该语言的旧功能，即使它们不再被认为是良好实践。

¥JavaScript is an actively evolving language and has changed greatly over the years. In particular, the 6th edition of the language (sometimes known as ECMAScript 2015 or ES6), introduced in 2015, added many new features. At the same time, to maintain backwards compatibility with older websites, old features of the language have been retained, even when they are no longer considered good practice.

我们认为 ECMAScript 2015 及后续版本中添加到 JavaScript 的功能使开发者能够编写更具可读性、更可靠和更具表现力的代码，并且了解它们很重要。

¥We think that the features added to JavaScript in ECMAScript 2015 and subsequent versions enable developers to write more readable, reliable, and expressive code, and that it's important to learn about them.

我们在本课程中教授的功能很稳定，并且多年来一直受到所有主要浏览器的支持。

¥The features we teach in this course are stable and have been supported by all major browsers for several years.

本主题包含以下模块，并按照建议的顺序进行操作。

¥This topic contains the following modules, in a suggested order for working through them.

JavaScript 第一步

在我们的第一个 JavaScript 模块中，我们首先回答一些基本问题，例如 "什么是 JavaScript？"、"它是什么样子的？" 和 "它能做什么？"，然后再带你体验编写 JavaScript 的第一次实践经验。之后，我们详细讨论一些关键的 JavaScript 功能，例如变量、字符串、数字和数组。

JavaScript 构建块

在本模块中，我们将继续介绍 JavaScript 的所有关键基本功能，并将注意力转向常见的代码块类型，例如条件语句、循环、函数和事件。你已经在课程中看到了这些内容，但只是顺便看到了 - 在这里我们将明确地讨论它们。

JavaScript 对象介绍

在 JavaScript 中，大多数事物都是对象，从字符串和数组等核心 JavaScript 功能到构建在 JavaScript 之上的浏览器 API。你甚至可以创建自己的对象，将相关函数和变量封装到高效的包中。如果你想进一步了解该语言并编写更高效的代码，那么了解 JavaScript 面向对象的本质非常重要，因此我们提供了此模块来帮助你。在这里，我们详细教授对象理论和语法，了解如何创建自己的对象，并解释什么是 JSON 数据以及如何使用它。

异步 JavaScript

在本模块中，我们将了解异步 JavaScript、它为何如此重要，以及如何使用它来有效处理潜在的阻塞操作，例如从服务器获取资源。

客户端 Web API

为网站或应用编写客户端 JavaScript 时，在开始使用 API 之前你不会走得太远 - 用于操作网站运行的浏览器和操作系统的不同方面的接口，甚至来自其他网站或服务的数据 。在本模块中，我们将探讨什么是 API，以及如何使用你在开发工作中经常遇到的一些最常见的 API。

解决常见的 JavaScript 问题

¥Solving common JavaScript problems

解决 JavaScript 代码中的常见问题 提供了一些关于如何避免常见 JavaScript 编程错误的建议，以及许多有用的主题链接，展示了如何解决常见 JavaScript 编程问题。

¥Solve common problems in your JavaScript code provides a little advice on how to avoid common beginner JavaScript programming mistakes, along with many helpful links to topics that show how to solve common JavaScript programming problems.

也可以看看

¥See also

MDN 上的 JavaScript

MDN 上核心 JavaScript 文档的主要入口点 — 在这里你可以找到有关 JavaScript 语言各个方面的大量参考文档，以及一些针对经验丰富的 JavaScript 人员的高级教程。

学习 JavaScript

对于有抱负的 Web 开发者来说是一个极好的资源 — 在交互式环境中学习 JavaScript，通过简短的课程和交互式测试，并以自动评估为指导。前 40 节课免费。

数学编码

一系列优秀的视频教程，教授成为一名高效程序员所需的数学知识，由 基思·彼得斯 制作。