【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部分都能访问

• 生命周期
  局部变量：在函数运行以后被删除
  全局变量：在页面关闭后被删除

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

---