1、函数(function)定义
使用一个函数之前,我们需要定义它。在JavaScript中定义函数的最常见方法是使用function
关键字,后面跟着唯一的函数名、参数列表(可能是空的)和用花括号括起来的语句块。
语法
function functionname(parameter-list) { 代码语句 }
例如,
下面的例子。它定义了一个没有参数的函数sayHello
。
function sayHello() { alert("Hi,cjavapy!!!"); }
2、调用函数(function)
要在脚本后面的某个地方调用函数,只需编写如下代码所示的函数名。
<html> <head> <script type = "text/javascript"> function sayHello() { console.log("Hello there!"); } </script> </head> <body> <p>单击下面的按钮来调用函数</p> <form> <input type = "button" onclick = "sayHello()" value = "Say Hello"> </form> </body> </html>
3、函数(function)参数
之前已经看到了没有参数的函数。但是有一个工具可以在调用函数时传递不同的参数。这些传递的参数可以在函数内部获取到,并且可以对这些参数进行任何操作。一个函数可以有多个以逗号分隔的参数。
例如,
下面的例子。我们在这里修改了sayHello函数。现在它接受两个参数。
<html> <head> <script type = "text/javascript"> function sayHello(name, i) { console.log(name + " value is " + i + " javascript"); } </script> </head> <body> <p>单击下面的按钮来调用函数</p> <form> <input type = "button" onclick = "sayHello('cjavapy', 7)" value = "Say Hello"> </form> </body> </html>
4、函数(function)return返回值
JavaScript函数可以有一个可选的return语句。如果想从函数中返回一个值,这是必需的。这条语句应该是函数的最后一条语句。
例如,
<html> <head> <script type = "text/javascript"> function concatenate(a, b) { var full; full = a + b; return full; } function callFunction() { var result; result = concatenate('cjavapy', '.com'); console.log(result ); } </script> </head> <body> <p>单击下面的按钮来调用函数</p> <form> <input type = "button" onclick = "callFunction()" value = "调用函数"> </form> </body> </html>