Logo
Section 1 / 6

第一个 JavaScript 程序

学习如何创建和执行第一个 JavaScript 程序。

导入

第一个 JavaScript 程序

学习如何创建和执行第一个 JavaScript 程序。

Hello World

现在是时候用 JavaScript 编写我们的第一个程序了,它将在控制台中显示或记录消息 "Hello World!"。

我们使用下面的代码编辑器来编写 JavaScript 代码。点击编辑器底部的“运行”按钮即可执行我们的 JavaScript 程序。

在 JavaScript 中,我们使用 console.log() 来实现输出(将值显示在屏幕上)。

运行以下代码以查看输出效果。为了更好地理解,你可以向 AI 导师寻求帮助。

1console.log("Hello World!"); // 在控制台中显示/记录 Hello World

注意: 我们可以在 JavaScript 程序中添加非执行文本,只需在文本开头加上 // 符号。这种文本称为 注释。我们使用注释来为程序添加说明信息。

自定义消息并使用变量

让我们编写另一个 JavaScript 程序,先获取用户的姓名,再显示一条问候语。我们使用 username 变量来存储用户输入的内容。

注意: 变量名只能包含字母(A–Z 和 a–z)和下划线符号(_)。也可以包含数字(0–9),但变量名不能以数字开头。例如,Key_2 是合法的变量名,而 2_key 则不是。变量名区分大小写,因此 name、Name 和 NAME 是三个不同的变量。

按下“运行”按钮后,会出现一个弹出对话框。你需要在其中输入自己的名字才能获得预期的输出。如果点击“取消”按钮,则会显示 null 作为姓名。

注意: 运行代码后,“运行”按钮会变为“停止”按钮。要重新运行代码,必须先点击“停止”按钮,然后再点击“运行”按钮,以便尝试不同的变量输入。

No configuration found for ID: 6bfc156ec5a4af9f290578fbdf30c3f5a537735a3ceba733396fb1854cbc18f8

上述代码会在第一行显示消息 "Hello",然后紧接着显示 username 变量的值。第二行则显示 "Welcome to Educative"。

在 JavaScript 中,我们使用 prompt() 来实现输入(从用户读取数据)。

在上面的代码中:

  1. 我们使用 let 关键字来声明变量。
  2. 每一行都以分号(;)结尾。

JavaScript 编程练习

让我们练习编写第一个能接收多个用户输入的 JavaScript 程序。

讲一个故事

编写一个程序,根据用户提供的信息讲述一个故事。程序应依次询问用户以下内容:

  • 用户的名字
  • 用户的年龄
  • 用户所在的城市
  • 用户的大学
  • 用户的职业
  • 用户宠物的名字

我们将通过弹出对话框依次提示用户输入,以便测试程序。

注意: 请确保在代码中按照相同的顺序进行输入。

程序应根据用户输入的信息,按如下格式输出一段故事:

1从前有一个人叫 NAME,他住在 CITY。 2在他 AGE 岁那年,NAME 去了 COLLEGE 上大学。 3NAME 毕业后成为了一名 PROFESSION。 4接着,NAME 收养了一只名叫 PETNAME 的动物。 5他们从此过上了幸福的生活!

注意: 运行代码后,“运行”按钮会变为“停止”按钮。要编辑代码,必须先点击“停止”按钮。编辑完成后,再次点击“运行”按钮即可重新运行程序,尝试不同的变量输入。

No configuration found for ID: d8561cfddc37a9ec809c5baabda6037a5a6c88328cd7ac8fe560d8d6e82e2335

你可以在提供的代码编辑器中运行以下代码:

1let userName = prompt("请输入用户姓名:"); 2let userAge = prompt("请输入用户年龄:"); 3let userCity = prompt("请输入用户所在城市:"); 4let userCollege = prompt("请输入用户所在大学:"); 5let userProfession = prompt("请输入用户职业:"); 6let userPet = prompt("请输入用户宠物名字:"); 7console.log("从前有一个人叫 " + userName + ",他住在 " + userCity + "。"); 8console.log("在他 " + userAge + " 岁那年," + userName + " 去了 " + userCollege + " 上大学。"); 9console.log(userName + " 毕业后成为了一名 " + userProfession + "。"); 10console.log("接着," + userName + " 收养了一只名叫 " + userPet + " 的动物。"); 11console.log("他们从此过上了幸福的生活!");

课程简介

JavaScript 基础知识