Javascript 是我们用来构建、开发和向 Web 添加交互性的通用语言。Javascript 是当今使用最广泛的编程语言之一,它用于各种不同的环境。Javascript有两种主要形式:
- 客户端或前端,包含在 HTML 文件中,为网站增加了交互性。
- 服务器端或后端,用于以 Node.JS 的形式编写 Web 服务器。
今天,我们将简要介绍一下 Javascript 是什么,以及我们在 Web 开发中使用它的目的。对于本介绍,假设您了解 HTML 和 CSS。
什么是 JavaScript?#
Javascript 是一种基于ECMA-262 标准的语言。Javascript 是一种弱类型语言,这意味着在其中编写代码时不必定义类型。Javascript 将根据使用的上下文动态解释变量可能是什么类型。因此,人们常说 Javascript 具有动态类型。
例如,在 Javascript 中,您可以定义一个字符串(其中一个字符串是一个字符序列),如下所示:
let myVariable = 'Some Sentence';
Javascript 会自动将其解释为具有String
. 但是,在其他语言中,您可能必须明确提及该变量是一个字符串,如下所示:
let myVariable:string = 'Some Sentence';
Javascript 支持
如前所述,Javascript 基于不断发展的标准。因此,新功能并不总是立即实施。
例如,Javascript 内置在您的浏览器(前端)中,不同的浏览器(Chrome、Safari、Firefox 等)对新的 Javascript 功能有不同的支持。因此,并非所有浏览器都支持一些新的 Javascript 功能。这意味着对于全新的 Javascript 功能,我们必须在使用之前检查它是否可以在各种浏览器中运行。
在服务器(后端)上安装时也存在类似问题。例如,Node.JS 可能不会立即支持所有新的 Javascript 功能。
我可以用 Javascript 做什么?#
让我们简要介绍一些使用 Javascript 的示例。对于前端,使用 Javascript 的一些示例包括:
- 在 HTML 文档中添加或更改 CSS。
- 以编程方式创建新的 HTML 元素。
- 跟踪用户在做什么,并做出反应——即,当用户点击时做某事。
- 更改或删除 HTML 标记,即更改元素具有的类。
- 将数据存储在对象和数组中,有时会发送到后端进行存储。
在后端,您可以执行以下操作:
- 创建路由,并对某些 URL 发生的情况进行编码。
- 构建用户可以连接的服务器。
- 构建用户可以连接的实时 API 和 Web 套接字。
- 处理文件压缩以获得更快的体验。
- 操作数据以存储在数据库中。
这是一个不完整的列表,但可以让您了解使用 Javascript 可以做的不同类型的事情。
如何将 Javascript 添加到网站?#
有几种方法可以在网站中包含 Javascript:
- 内联脚本,位于 HTML 文档中。
- 在一个单独的文件中,通过 script 标签包含在 HTML 文档中。
- 在 HTML 元素中,使用属性。
在内联脚本中
这对于无法轻松包含在外部文件中的 Javascript 很有用,并且需要使用<script>
标记。这可以插入到 HTML 网页的任何位置,如下所示:
<script type="text/javascript"> // Javascript goes here </script>
在单独的文件中
如果您有一个扩展名为 的单独文件.js
,例如 ,script.js
您也可以通过<script>
标签链接到它。为此,我们使用以下 src
属性:
<script src="script.js"></script>
在 HTML 标记中
您也可以将 Javascript 直接放在 HTML 标记中。您可能会在 React 和 Vue 等框架中看到这一点最常用。例如,onclick
属性可以包含 Javascript。一个示例可能如下所示:
<button onclick="//javascript here"></button>
在 Node.JS 中使用 Javascript#
我们已经谈了很多关于如何将 Javascript 包含在 HTML 中以及通过<script>
标签的内容。通常,使用这些方法将 Javascript 插入网站是为了前端工作。如果我们想在后端工作,我们必须以不同的方式使用 Javascript。为了让 Javascript 直接在计算机上运行,我们通常使用 Node.JS,它可以通过这个链接安装。
安装后,您可以创建独立的 Javascript 文件,即index.js
,并从命令行运行它们。这意味着我们可以在服务器或计算机上不断地运行 Javascript。要使用此方法运行 Javascript 文件,您必须使用终端或命令行。例如,如果我们有一个名为 的文件index.js
,我们将导航到文件夹 your index.js
,并运行以下命令:
node index.js
什么是 Node.JS?
Node.JS 是 Javascript 的后端版本。它主要用于执行以下操作:
- 创建路由,并对某些 URL 发生的情况进行编码。
- 构建用户可以连接的服务器。
- 构建用户可以连接的实时 API 和 Web 套接字。
- 处理文件压缩以获得更快的体验。
- 操作数据以存储在数据库中。
结论#
Javascript 是一种灵活的语言,用于网络上的许多不同地方。这篇介绍应该让您了解我们使用 Javascript 的用途,以及我们如何创建文件和 HTML 标记以将 Javascript 放入其中。它还应该让您了解 Javascript 是什么类型的语言。在我们指南的下一部分中,我们将介绍 Javascript 变量的工作原理。