Javascript基础教程(八)

1.Javascript声明函数的三种方式

Javascript中声明函数有三种方式。

1）函数声明方式 function sum（）{}；调用：sum（）

2）函数表达式声明方式 var add=function（）{}；调用：add（）

3）使用Function构造函数 var add=new Function（）；调用：add（），注意最后一个参数为函数体内容。

例如：

<script>
    function add1(x,y){
        return x+y;
    }
    var add2 = function(x,y){
        return x+y;
    }
    var add3 = new Function("x","y","return x+y;");
    console.info(add1(10,7));
    console.info(add2(10,7));
    console.info(add3(10,7));
</script>

运行结果：
17
17
17

2.通过外部引入js脚本

当然我们也可以把上面script标签里的代码，写在一个js脚本文件里面。在html页面中引入这个js脚本来调用以上三个方法。

在js目录下，创建test.js脚本文件。代码如下：

//test.js

function add1(x,y){
    return x+y;
}
var add2 = function(x,y){
    return x+y;
}
var add3 = new Function("x","y","return x+y;");

编写test.html页面，如下：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>第一个例子</title>
    <!--外部引入js脚本文件-->
    <script src="js/test.js" charset="UTF-8"></script>
</head>
<body>

<script>
    console.info(add1(10,7));
    console.info(add2(10,7));
    console.info(add3(10,7));
</script>
</body>
</html>

运行结果：
17
17
17