1.3 实践_你不知道的JavaScript（下卷）-QQ阅读男生武侠网

本章将通过简单的代码片段来介绍每个编程概念，这些代码（当然）是用JavaScript编写的。

非常重要的一点是，在阅读本章时，你应该通过亲自编写代码来实践每个概念，并且你可能需要花一点时间反复阅读本章。最简单的方法是，使用最方便的浏览器（Firefox、Chrome、IE等）的开发者工具来实践。

一般来说，你可以通过菜单项或者快捷键来打开开发者终端。有关在你喜欢的浏览器中打开和使用终端的更多详细信息，参见“掌握开发者工具终端”（http://blog.teamtreehouse.com/mastering-developer-tools-console）。

如果要在终端中一次输入多行，那么可以使用<shift>+<enter>组合键来另起一行。一旦点击<enter>键，终端会立即执行已输入的所有代码。

我们来熟悉一下在终端中运行代码的流程。首先，建议你在浏览器中打开一个空白的标签页。我更喜欢在地址栏中输入about:blank来实现这一点。然后，确保你的开发者终端是开启状态，就像我们之前提到的那样。

现在，输入如下代码，并观察代码的执行：

        a = 21;


        b = a ＊ 2;


        console.log( b );

在Chrome浏览器的终端中输入前面的代码将会产生如下所示的输出：

你可以自己试一下。学习编程的最好方法就是编写代码！

在前面的代码片段中，我们使用了console.log(..)。现在我们来简单了解一下这行代码做了些什么。

可能你已经猜到了，这就是我们在开发者终端打印文本（即向用户输出）的方法。我们应该对这个语句的两点解释一下。

首先，log( b )这一部分是一个函数调用（参见1.11节）。我们将变量b传给这个函数，请求它将b的值打印到终端中。

其次，console.这一部分是log(..)函数所在的对象引用。我们将在第2章中深入介绍对象及其属性。

创建可见输出的另外一个方法是运行alert(..)语句。如下所示：

        alert( b );

如果运行这个语句，那么你就会发现输出并没有打印到终端中，而是弹出一个“OK”对话框，变量b的内容会呈现在对话框中。然而，在终端中学习和运行程序时，使用console.log(..)通常比使用alert(..)更加方便，因为这样无需与浏览器界面交互就可以一次输出多个变量。

我们在本部分中使用console.log(..)作为输出方法。

在讨论输出的同时，你可能也会好奇如何实现输入（即如何接收用户的信息）。

最常用的方法是，通过HTML页面向用户显示表单元素（如文本框）用于输入，然后通过JavaScript将这些值读取到程序变量中。

还有另一种更为简单的获取输入的方法，用于简单的学习和展示，这也是我们将会使用的方法，即prompt(..)函数：

        age = prompt( "Please tell me your age:" );


        console.log( age );

你可能已经猜到了，传给prompt(..)的消息会打印到弹出窗口中，本例中是"Please tell me your age:"。

如下图所示：

输入文本并点击“OK”后，你就可以看到输入的值会保存到变量age中，接着通过console.log(..)输出：

为了简化难度，在学习基本编程概念时，本部分中使用的示例都不需要输入。但既然你已经学习了如何使用prompt(..)，如果想要挑战自我，你可以在自己的示例中使用输入。