
上QQ阅读APP看书,第一时间看更新
1.3.2 JavaScript函数
1.JavaScript函数语法
● 函数就是封装在花括号中的代码块,前面使用了关键词function。


当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户单击按钮时),并且可由JavaScript在任何位置进行调用。
2.调用带参数的函数
在调用函数时,可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。同时向函数可以发送任意多的参数,由逗号“,”分隔。

变量和参数必须以一致的顺序出现,第一个变量就是第一个被传递的参数给定的值,以此类推。
3.带有返回值的函数
有时,会希望函数将值返回到调用它的位置,通过使用return语句就可以实现这个操作。在使用return语句时,函数会停止执行,并返回指定的值。例如下面的代码,函数返回值为5。

4.函数使用
以下代码展示了JavaScript函数的使用,以及一些基本的JavaScript变量的使用。


以上代码中,JavaScript代码在<script>标签内。首先声明了3个变量:x、str和arr,3个变量会分别被JavaScript自动地识别为整数类型、字符串类型和字符数组类型。

JavaScript函数需要加入function关键字。

document是一个全局对象,调用write方法可以将内容输出到HTML页面上。

最后执行了console.log函数,将结果输出到控制台上,这是调试中常用的技巧,其作用同C语言中的printf函数一样。执行结果如图1.2所示。

图1.2 控制台和页面执行结果