JavaScript函数变量

JavaScript函数变量教程

在 JavaScript 中，函数也是一种 数据类型，可以和其他数据类型一样保存在变量中。

JavaScript函数变量详解

语法

var f = function fun() {   
};
f();

说明

我们首先定义了一个 fun 的函数，并且将函数 fun 赋值给变量 f，最后，我们就可以通过 f 来调用函数 fun。

JavaScript函数变量详解

语法

var f = function fun(a, b) {
    return val;
};
var val = f(a, b);

说明

我们首先定义了一个 fun 的函数，函数 fun 接受两个参数，并有一个返回值，同时我们将函数 fun 赋值给变量 f，最后，我们就可以通过 f 来调用函数 fun。

案例

JavaScript函数变量

JavaScript函数也是一种类型，可以保存在变量中

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript函数变量</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var f = function printSep(){
                console.log("=========================");
            }
            f();
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

14_javascript函数变量.png

我们定义了一个函数 printSep，该函数没有任何的参数和 返回值。同时，我们将该函数赋值给了变量 f。最后，我们通过 f() 的形式调用函数，其实就相当于 printSep() 这样调用函数。

JavaScript带参数的函数变量

JavaScript带参数的函数变量，定义的函数变量原型需与函数一致

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript函数变量</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var f = function sum(a, b){
                return a + b;
            }
            var res = f(100, 200);
            console.log("Ret =", res);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

15_javascript函数变量.png

我们定义了一个函数 sum，该函数传入两个 int 类型的参数返回一个 int 类型的返回值，实现了求两个数的和，同时，我们将该函数赋值给了变量 f。

最后，我们通过调用 f 来实现调用了函数 sum。

JavaScript函数变量总结

在 JavaScript 中，函数也是一种数据类型，可以和其他数据类型一样保存在变量中。