当前位置：首页 > article >正文

JavaScript中的函数定义

article 2025/1/17 21:32:39

第8章函数

在JS中函数即对象，程序可以随意操控他们。可以把函数赋值给变量，或者作为参数传递给其他函数。因为函数就是对象，所以可以给他们设置属性，甚至调用他们的方法。

JavaScript的函数可以嵌套在其他函数中定义，这样它们就可以访问它们被定义时所处的作用域中的任何变量，这意味着JavaScript函数构成了一个闭包closure,它给JS带来了非常强劲的编程能力。

8.1 函数定义

使用function关键字来定义，用在表达式或者函数声明语句两种形式。

都以function关键字开始，随后跟随以下组成部分：

函数名称标识符，就像变量名称，新定义的函数对象会赋值给这个变量，对函数定义表达式来说，这个名字是可选的，如果存在，该名字只存在于函数体中，并指代该函数对象本身。
一对圆括号，包含0个或多个用逗号隔开的标识符组成的列表，这些标识符是函数的参数名称，就像函数体中的局部变量一样。
一对花括号，包含若干JS语句，构成了函数体，调用函数后就会执行这些语句。

8-1 定义JavaScript函数

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>8-1 定义JavaScript函数</title>
    <script>
        //输出o的每个属性的名称和值，返回undefined
        function printprops(o) {
            for (var p in o) {
                console.log(p + ":" + o[p] + "\n");
            }
        }
        //计算两个笛卡尔坐标(x1,y1)和(x2,y2)之间的距离
        function distance(x1, y1, x2, y2) {
            var dx = x2 - x1;
            var dy = y2 - y1;
            return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
        }
        //计算阶乘的递归函数(调用自身的函数)
        function factorial(x) {
            if (x <= 1) {
                return 1;
            }
            return x * factorial(x - 1)
        }
        //函数表达式定义了一个函数用来求传入参数的平方
        var square = function (x) {
            return x * x
        };
        //函数表达式可以包含名称，这在递归时很有用
        var f = function fact(x) {
            if (x <= 1) {
                return 1;
            } else {
                return x * fact(x - 1);
            }
        }
        //函数表达式也可以作为参数传给其他函数
        var data = [2, 1, 3, 5, 4, 7, 6, 8, 9]
        data.sort(function (a, b) {
            return a - b;
        });
        //函数表达式有时定义后立即调用,10为参数默认值
        var tensquared = (function (x) {
            return x * x;
        }(10));
    </script>
</head>

<body>
    <h1>8-1 定义JavaScript函数</h1>
    <textarea name="" id="" cols="80" rows="43" readonly>
    <script>
        //输出o的每个属性的名称和值，返回undefined
        function printprops(o) {
            for (var p in o) {
                console.log(p + ":" + o[p] + "\n");
            }
        }
        //计算两个笛卡尔坐标(x1,y1)和(x2,y2)之间的距离
        function distance(x1, y1, x2, y2) {
            var dx = x2 - x1;
            var dy = y2 - y1;
            return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
        }
        //计算阶乘的递归函数(调用自身的函数)
        function factorial(x) {
            if (x <= 1) {
                return 1;
            }
            return x * factorial(x - 1)
        }
        //函数表达式定义了一个函数用来求传入参数的平方
        var square = function (x) {
            return x * x
        };
        //函数表达式可以包含名称，这在递归时很有用
        var f = function fact(x) {
            if (x <= 1) {
                return 1;
            } else {
                return x * fact(x - 1);
            }
        }
        //函数表达式也可以作为参数传给其他函数
        var data = [2, 1, 3, 5, 4, 7, 6, 8, 9]
        data.sort(function (a, b) {
            return a - b;
        });
        //函数表达式有时定义后立即调用,10为参数默认值
        var tensquared = (function (x) {
            return x * x;
        }(10));
    </script>
        </textarea>
</body>

</html>

注意:以表达式定义的函数，函数名是可选的，一条函数声明语句实际上声明了一个变量，并把函数对象赋值给它。相对而言，定义函数表达式时并没有声明一个变量。函数可以命名，就像上面的阶乘函数，它需要一个名字来指代自己。如果一个函数定义表达式包含名称，函数的局部作用域将会包含一个绑定到函数对象的名称，实际上函数的名称成为函数内部的一个局部变量。

通常来说以表达式方式定义函数时都不需要名称，这会让定义它们的代码更为紧凑。函数定义表达式特别适合用来定义那些只会用到一次的函数，比如上面展示的最后两个例子。