(共558篇)
全部分类

JS中函数的参数
[ JS基础 ] 

函数的参数

调用函数的时候,可以向函数中传入某种值,这些值被称为参数

1
2
3
4
5
6
7
<script>
    function sum(x, y) {
        console.log(x, y);
    }
    sum(1, 2);
    sum(10, 20);
</script>

案例代码

因此,我们可以让函数根据传入参数的不同。输出不同的结果

1
2
3
4
5
6
7
<script>
    function sum(x, y) {
        console.log("x+y=" + (x + y), " y-x=" + (y - x));
    }
    sum(1, 2);
    sum(10, 20);
</script>

案例代码

参数的类型

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<script>
    function add(a) {
        console.log("字符串类型的参数a:" + a);
    }
    add("字符串类型");

    function foo(a) {
        console.log("数值类型的参数a:" + a);
    }
    foo(10);

    function bar(a) {
        console.log("布尔类型的参数a:" + a);
    }
    bar(true);
</script>

案例代码

函数本身作为参数

函数作为数据类型的一种,本身也可以作为参数,也可以在调用函数的时候赋值给函数的形参。形参可以像普通函数那样调动函数。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<script>
    function add(a) {
        console.log(a);
        a();
    }
    function foo() {
        console.log("hello world");
    }
    add(foo);
</script>

上面的代码中,函数foo被当做参数,赋值给了add函数中的形参a。因此可以在函数add中通过a()执行函数foo的代码块

案例代码

再看一个案例

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<script>
    function add(a) {
        var res = a();
        console.log(res);
    }
    function foo() {
        return 100;
    }
    add(foo);
</script>