|
Post by account_disabled on Jan 27, 2024 6:04:29 GMT -5
JavaScript 你好世界!你的第一个 JavaScript 程序 普通 JavaScript 达伦·琼斯 2017 年 10 月 5 日 分享 Pause Next Unmute Current Time 0:10 / Duration 2:00 Fullscreen 以下是我们的新书《JavaScript:忍者新手》第二版的简短摘录,作者是达伦·琼斯 (Darren Jones)。这是 JavaScript 初学者的终极指南。SitePoint Premium 会员可以通过其会员资格获得访问权限,或者您可以在世界各地的商店购买副本。 学习编程语言时的传统是从“Hello, world!”开始。程序。这是一个简单的程序,输出短语“Hello world!” 宣布您进入编程世界。我们将坚持这一传统并用 JavaScript 编写这种类型的程序。这将是一条记录短语“Hello, world!”的语句。到控制台。 首先,您需要打开您喜欢的控制台(Node REPL、浏览器控制台或Web 上的ES6 控制台)。控制台打开后,您所需要做的就是输入以下代码: console.log('Hello world!'); 然后按Enter键。如果一切按计划进行,您应该会看到“Hello, world!”的输出。显示;类似于下面的屏幕截图。 恭喜,您刚刚编写了第一个 JavaScript 程序!它可能看起来并不多,但一位智者曾经说过,每个忍者程序员的旅程都是从一行代码开始的(或者类似的东西,无论如何!)。 浏览器中的 JavaScript JavaScript 是一种解释性语言,需要宿主环境才能运行。由于其起源,JavaScript 的主要 WhatsApp 号码数据 运行环境是浏览器,尽管它也可以运行在其他环境中;例如,我们刚刚编写的第一个程序在 Node REPL 中运行。Node 还可以用于在服务器上运行 JavaScript。到目前为止,JavaScript 最常见的用途仍然是使网页具有交互性。因此,在继续之前,我们应该先看看网页是由什么组成的。 网络的三层 几乎所有网页都由三个关键成分组成——HTML、CSS 和 JavaScript。HTML 用于标记内容。CSS 是表示层,JavaScript 增加了交互性。 每一层都建立在最后一层之上。网页应该能够仅使用 HTML 层运行 - 事实上,许多网站在从网站中删除 CSS 层时庆祝“裸体日”。 仅使用 HTML 层的网站将以其最纯粹的形式呈现,看起来非常老式,但仍应具有完整的功能。 保持这些层分开 分离每一层的关注点被广泛认为是最佳实践,因此每一层只负责一件事。将它们放在一起可能会导致非常复杂的页面,其中所有代码都混合在一个文件中,导致“标签汤”或“代码意大利面条”。这曾经是制作网站的标准方式,并且网络上仍然有很多这样做的示例。 不引人注目的 JavaScript 当 JavaScript 最初使用时,它被设计为直接插入 HTML 代码中,如本示例所示,单击按钮时将显示一条消息由于 JavaScript 代码与 HTML 混合在一起,因此很难看出发生了什么。这也意味着代码与 HTML 紧密耦合,因此 HTML 中的任何更改都需要更改 JavaScript 代码以防止其破坏。 通过将 JavaScript 代码放置在自己的标签内,可以使 JavaScript 代码远离 HT所有 JavaScript 都位于两个脚本标记之间的一处,而不是与 HTML 标记混合在一起。 我们可以更进一步,将 JavaScript 代码与 HTML 和 CSS 完全分开,放在自己的文件中。
|
|