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

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

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


微信公共号

推荐阅读更多精彩内容