【JavaScript 基础】04 函数

函数概述

函数是完成某一功能的代码块，由事件驱动或者手动调用执行。

函数作用：

程序简洁，条例清楚

调用方便，可以实现代码复用

便于维护等

函数语法

function 函数名([参数1],[参数2]...){
这里是要执行的代码
[return 返回值;]
}

function showNum() {
for (var i = 0; i < 10; i++) {
document.write(i + "<br>");
}
}

函数的调用

手动调用

方法名(); 如showNum();

事件触发

<input type="button" value="点击触发事件" onclick="showNum()" />

html代码：
<input id="btn" type="button" value="点击触发事件" onclick="showNum()" />

js代码：
var btn = document.getElementById("btn");
btn.onclick = showNum();

函数的参数

形参和实参

形参：定义函数时，小括号内的参数

实参：调用参数时，实际传入的数据

//msg1,msg2为形参
function showMsg(msg1, msg2) {
document.write(msg1);
document.write(msg2);
}
//"aaa"和"bbb"为实参
showMsg("aaa", "bbb");

参数个数

参数多的时候，多余的参数会被忽略

showMsg("aaa", "bbb", "ccc");

参数不足的时候，没有对应的默认值是undefined

showMsg("aaa");

函数的返回值

使用 return 语句时，函数会停止执行，并返回指定的值。返回值可以是任意的数据类型。

function getSum(x, y) {
var sum = x + y;
return sum;
}

var sum = getSum(10, 20);

如果函数没有返回值，系统自动赋值undefined。

function test() {

}
var result = test(); //undefinde

全局变量和局部变量

概念

局部变量：在函数内部声明的变量（使用 var）

全局变量：在函数外部声明的变量

作用域

局部变量：只能在函数内部访问它

全局变量：在整个js部分都能访问

生命周期

局部变量：在函数运行以后被删除

全局变量：在页面关闭后被删除

未声明的变量

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。不建议使用。