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>