安装与第一个程序 Hello World — JavaScript

这是什么以及为什么需要它？

想象一下你在给机器人下达指令。你说："机器人，打开灯"，它就打开了。但为了让机器人理解，你需要用特殊的语言对它说话。计算机也是如此：要让它做某事，需要用编程语言给它下达命令。

JavaScript（简称 JS） 就是其中一种语言。它非常流行，因为可以用它来"让网页动起来"。当你访问网站时，看到鼠标悬停时图片放大、菜单弹出、或者出现弹窗——这很可能是用 JavaScript 实现的。

我们来打个比方。假设你是一名体育老师。你对学生们说："全班起立！"、"举起右手！"、"向前一步！"。如果你用中文说"起立"，没人能听懂。需要一种大家都懂的语言。JavaScript 正是这样一种浏览器（你用来浏览网站的程序，比如 Chrome、Firefox、Safari）能理解的语言。

为什么要学习 JavaScript？

• 它无处不在：几乎每个网站都在使用 JavaScript。
• 它很直观：你能立即看到自己操作的结果。
• 它入门简单：要编写第一个程序，你不需要安装复杂的软件——普通的记事本和浏览器就够了。
• 它需求量大：懂 JavaScript 的程序员是公司非常需要的。

在这篇文章中，我们将学习安装用于 JavaScript 开发的"工具"，并编写我们的第一个程序——"Hello, World!"。这是所有程序员的一个传统：第一个程序总是输出这个问候语。可以把它看作是进入编程世界的"第一步"。

如果你已经熟悉 Python：在 Python 中你写过 print("Hello, World!")。在 JavaScript 中看起来会略有不同，但意义相同——在屏幕上显示文本。

带解释的代码示例

在编写代码之前，我们先准备好"工作环境"。你需要两样东西：

1. 浏览器（Chrome、Firefox、Edge、Safari——任何都可以）。
2. 文本编辑器——用来编写代码的程序。最简单的选择是"记事本"（Windows）或"文本编辑"（Mac）的纯文本模式。但最好下载一个专门的编辑器，比如 VS Code（Visual Studio Code）——它是免费的，而且非常方便。

如何检查一切是否正常？有两种运行 JavaScript 的方法：

• 直接在浏览器中（控制台）：按键盘上的 F12（或 Ctrl+Shift+I），打开"Console"（控制台）选项卡，在那里编写代码。这很快，但对于大型程序来说不方便。
• 通过 HTML 文件：我们将创建一个扩展名为 .html 的文件，里面包含我们的 JavaScript 代码。这是正确的方法。

我们从第二种方法开始。在电脑上创建一个新文件夹，命名为"JS_уроки"。在里面创建一个名为 index.html 的文件（注意扩展名必须是 .html，而不是 .txt）。用文本编辑器打开这个文件。

将以下基本模板粘贴进去：

    
    



    

    




    

        
🍪
        
Сначала примите условия
        

            Чтобы войти на сайт, необходимо принять соглашение об использовании файлов cookie.
            Мы используем их для авторизации и улучшения работы сайта.


            Политика конфиденциальности
        
        Принять и продолжить
        Закрыть
    




    

        

            🍪 Мы используем файлы cookie для авторизации, аналитики и улучшения работы сайта.
            Продолжая пользоваться сайтом, вы соглашаетесь с нашей
            политикой конфиденциальности.
        
        

            Принять
            Только необходимые
        
    

现在保存文件并在浏览器中打开它（只需双击它）。你会看到一个空白页面。目前什么也没发生，因为我们还没有编写代码。让我们来改变这一点！

示例 1：经典的"Hello, World!"

显示文本最简单的方法是使用 alert() 命令。它会弹出一个带有消息的窗口。将以下代码插入到 <script> 和 </script> 标签之间：

// 这是注释。计算机会忽略它。
// 它用来向人们解释代码。

// alert() 是一个内置函数（就像一条命令）。
// 它会显示一个带有消息的窗口。
alert('Hello, World!'); // 我们想要显示的文本，写在引号里。

会发生什么？当你打开（或刷新）页面时，会出现一个带有文本"Hello, World!"的窗口。要关闭它，需要点击"确定"。

解析：

• alert 是命令的名称。它告诉浏览器："显示一个窗口"。
• 圆括号 () —— 我们在里面传递想要说的内容。这里传递的是文本。
• 引号 ' ' —— 它们用来让计算机明白这是文本，而不是命令。也可以使用双引号 " "。
• 分号 ; —— 就像句子末尾的句号。它表示："命令结束"。每条命令后面都需要加上它。

与 Python 的比较：在 Python 中你会写 print("Hello, World!")。区别在于 print 将文本输出到控制台，而 alert 则输出到弹出窗口。

示例 2：输出到开发者控制台

如果需要输出大量信息，弹出窗口不太方便。程序员更常使用控制台——一个专门的调试区域。要将文本输出到那里，使用 console.log() 命令。

将 <script> 中的前一个代码替换为以下内容：

// console 是一个对象（复杂结构），负责控制台。
// .log() 是一个方法（动作），将消息写入控制台。

console.log('这是控制台中的消息！');
console.log('可以输出数字：', 42);
console.log('可以输出不