介绍
你好,世界!程序是计算机编程的经典和历史悠久的传统,是初学者的简短而完整的第一套程序,是确保您的环境配置正确的好方法。
但是,为了使程序更有趣,我们将修改传统的Hello, World!程序,以便它问用户他们的名字。
前提条件
您可以通过在您的网页浏览器中使用JavaScript Developer Console来完成本教程. 在开始本教程之前,您应该熟悉使用此工具。 要了解更多,您可以阅读我们的教程`如何使用JavaScript Developer Console。
创建你好,世界!计划
要写Hello, World!程序,首先打开您喜爱的Web浏览器的JavaScript控制台。
在JavaScript中,我们可以创建Hello, World!程序的两种主要方法是使用alert()方法和console.log()方法。
使用警告( )
我们可以编写这个程序的第一种方式是使用alert()方法,它将在当前窗口上显示一个警报框,其中包含一个指定的消息(在这种情况下,它将是你好,世界!)和一个OK按钮,允许用户关闭警报。
在该方法中,我们将将 string数据类型作为参数。这个字符串将被设置为值 Hello, World!,以便该值被打印到警报框中。
要写出这个Hello, World!程序的第一种风格,我们将把字符串嵌入到alert()方法的中,我们将我们的JavaScript陈述用一个字符串(https://andsky.com/tech/tutorials/understanding-syntax-and-code-structure-in-javascript#semicolons)结束。
1alert("Hello, World!");
一旦你按下你的JavaScript行后面的ENTER键,你应该看到以下警告在你的浏览器中出现:
控制台还会打印评估表达式的结果,当表达式没有明确返回某个内容时,该表达式将被读取为未定义。
弹出窗口的警告可能会变得无聊,所以让我们来谈谈如何通过使用console.log()登录到控制台来创建相同的程序。
使用「console.log()」
我们可以使用console.log()方法打印相同的字符串,除了这一次在JavaScript控制台之外,使用此选项类似于在您的计算机终端环境中使用编程语言。
正如我们在alert()中所做的那样,我们将Hello, World!字符串传递到console.log()方法中,在它的栏之间。
1console.log("Hello, World!");
一旦按下ENTER,将打印到控制台的Hello, World!消息:
1[secondary_label Output]
2Hello, World!
在下一节中,我们将讨论如何让这个程序对用户更具互动性。
促進入口
每次我们运行我们现有的Hello, World!程序,它会产生相同的输出。
对于我们上面使用的每个JavaScript方法,我们可以从一行提示输入开始,我们将使用JavaScript的prompt()方法,并将字符串What is your name?传递给它,向用户询问他们的名字。
1let name = prompt("What is your name?");
当您按下ENTER来运行此代码行时,您将收到一个 pop-up 提示:
在您的网页浏览器窗口上出现的对话框中包含一个文本字段,让用户输入。一旦用户在文本字段中输入一个值,他们将不得不单击OK才能存储该值。
只有在程序的背景下才有意义时才使用JavaScript的prompt()方法是很重要的,因为过度使用它对用户来说可能变得无聊。
在此时刻,输入您希望程序欢迎的名称. 对于这个示例,我们将使用名称Sammy。
现在我们已经收集了用户名值,我们可以继续使用该值来问候用户。
向用户表示警告( )
如上所述,「alert()」方法在浏览器窗口中创建一个弹出窗口,我们可以使用这种方法通过使用变量「名称」来问候用户。
我们将使用(https://andsky.com/tech/tutorials/how-to-work-with-strings-in-javascript#string-concatenation)的字符串连接来写一个直接向用户发送的Hello!的问候,因此,让我们将字符串的Hello连接到变量名称:
1"Hello, " + name + "!"
我们将两个字符串Hello和Hello和Name之间的变量组合在一起,现在我们可以将这个表达式传递到alert()方法中。
1alert("Hello, " + name + "!");
一旦我们点击ENTER,我们将在屏幕上收到以下对话框:
在这种情况下,用户的名字是Sammy,所以输出已经问候Sammy。
现在让我们重写,以便输出被打印到控制台。
向用户打招呼: console.log()
正如我们在上一节中所看到的那样, console.log() 方法会将输出打印到 Console,就像 print() 函数可以打印到 Python 中的终端。
我们将使用与alert()方法使用的相同的连接字符串,该方法将字符串Hello和Hello和Name变量相结合:
1"Hello, " + name + "!"
整个表达式将被放置在 console.log() 方法的窗口中,以便我们作为输出收到一个问候。
1console.log("Hello, " + name + "!");
对于名为Sammy的用户来说,控制台上的输出将如下:
1[secondary_label Output]
2Hello, Sammy!
你现在有一个JavaScript程序,从用户那里获取输入并将其打印回屏幕。
结论
现在你知道如何写经典的你好,世界!程序,以及提示用户输入,并显示它作为输出,你可以工作来进一步扩展你的程序,例如,问用户的喜爱的颜色,并让程序说他们的喜爱的颜色是红色。