8.2 创建一个简单的函数

  我们来创建一个简单的函数,它可以打印出“Hello World!”。在浏览器的控制台中输入如下代码,同时按住Shift键和Enter键来换行,以便不执行该行代码。

《javascript-少儿编程》第八章函数之创建、调用一个函数

  这些代码创建了一个新的函数,并且把它保存到了变量ourFirstFunction中。

8.3调用一个函数

  要运行函数中的代码(函数体),需要调用该函数。要调用一个函数,在函数名称后边跟随一对圆括号,如下所示:

《javascript-少儿编程》第八章函数之创建、调用一个函数

  调用ourFirstFunction将会执行其函数体,也就是console.log(“Hello world!”);并且所要打印的文本显示在下一行中:Hello world!。

  但是,如果在浏览器中调用了这个函数,会发现还有第3行,该行中有一个朝左的箭头,如图8-2所示。这是函数的返回值。

《javascript-少儿编程》第八章函数之创建、调用一个函数

《javascript-少儿编程》第八章函数之创建、调用一个函数

图8-2 调用带有一个undefined返回值的函数

  返回值就是函数输出的值,可以在代码中的其他地方使用。在这个示例中,返回值是undefined,因为在函数体中,没有告诉函数要返回任何特定的值。我们所做的,只是要求它打印一条消息到控制台,这和返回一个值是不同的。除非函数体中的某处告诉函数要返回一个不同的值(我们将在8.5节看到如何返回一个指定的值),否则函数总会返回undefined。

注意 在Chrome控制台以及本书的全部程序清单中,返回值的代码颜色总是根据数据类型而不同,用console.log显示的文本总是纯黑色的。