JavaScript高级程序设计（第3版）学习笔记7 js函数（上）

函数的定义

在JavaScript中，函数可通过以下方式定义：

function functionName(arg0, arg1, …, argN) {
    statements
}

其中，函数名使用驼峰式命名规则，而参数则由逗号隔开。函数的函数体由一对花括号（｛...｝）括起来，其中包含函数被调用时要执行的语句。

函数名

函数名是由一个非空的标识符开头，可以包含下划线、字母和数字。但是数字不可以作为第一个字符出现。对于函数名，建议使用驼峰式命名规则，即首字母小写，后面单词的首字母大写。如：myFunc、myAnotherFunc

形参

在函数的定义中，括号内部可包含零个或多个参数。这些参数又称形参，它们的值在函数被调用时由实参（即具体的值）传递进来。如下所示：

function showMessage(message, age) {
    // 函数体
}

在这个函数中，message和age就是形参。

函数体

函数体是由模块化代码块组成的，它定义了函数的操作以及功能。在函数调用的时候，函数体中的代码会被执行。函数体通常用大括号包围，如下所示：

function showMessage(message) {
    alert(message);
}

在这个例子中，函数体仅包含一个alert语句，它将在函数被调用时执行，从而显示警告框并将message的值作为提示信息。

函数的调用

调用函数时，需要使用函数名和一对圆括号，其中圆括号中可以包含实参（即具体的值）。

function functionName(arg0, arg1, …, argN) {
    statements
}

functionName(val0, val1, ..., valN);

如下所示：

function showMessage(message) {
    alert(message);
}

showMessage("这是一个提示信息");

在这个例子中，showMessage()函数被调用，并将一个字符串作为参数传递给它。在showMessage()内部，alert语句被执行，该语句将一个警告框显示在浏览器窗口，并在其中显示message的值。

返回值

函数一般都有返回值，返回值的数据类型可以是任意的JavaScript数据类型。函数可以通过return语句返回某个值。如下所示：

function add(val1, val2) {
    return val1 + val2;
}

var result = add(1, 2);

alert(result); // 结果是3

在这个例子中，add()函数将两个参数相加，并通过return语句返回它们的和。在调用add()函数时，将该函数的返回值赋值给变量result。在alert语句中，result的值被显示在了浏览器中。

示例1：计算任意两个数的乘积

function multiply(num1, num2) {
    return num1 * num2;
}

var result = multiply(3, 4);

alert(result); // 结果是12

在这个例子中，multiply()函数计算两个数的乘积，并返回该值。在调用multiply()时，将两个实参3和4传递给该函数。它们会替换函数中的参数num1和num2。函数返回值12被保存在变量result中，并通过alert()显示出来。

示例2：在函数内部重新定义一个全局变量

var name = "Lucy";

function showName(name) {
    alert(name);
}

showName("Tom"); // 结果是"Tom"
alert(name); // 结果是"Lucy"

在这个例子中，首先定义了一个全局变量name并赋值为"Lucy"。然后，定义了一个名为showName()的函数，该函数接受一个名为name的参数，并通过alert()显示该参数的值。在调用showName()时传递了一个实参"Tom"，该字符串被传递给函数的参数name。函数执行后会弹出警告框并显示"Tom"。最后，在调用showName()函数之后，全局变量name的值仍然是"Lucy"，并通过alert()显示出来。

结论

函数是JavaScript程序中最重要的概念之一。定义函数时，要注意命名规范和传递参数的方式。在调用函数时，要记得在函数名后面加上一个圆括号，并正确地传递参数。返回值是函数的重要特性之一，在需要的地方使用return语句返回数据。