Javascript 简介

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 变量的工作原理。