（2）JavaScript函数

函数是被事件驱动的，或者当它们被调用时执行的可重复使用的代码块。

示例

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script>
 5 function myFunction()
 6 {
 7     alert("Hello World!");
 8 }
 9 </script>
10 </head>
11  
12 <body>
13 <button onclick="myFunction()">Try it</button>
14 </body>
15 </html>

JavaScript函数语法

函数就是包含在花括号中的代码块，使用关键字funtion进行声明

function functionname()
{
执行代码
}

当函数被调用时，执行函数体内的代码。

或者可以由事件触发（例如用户点击按钮），并且可以由JavaScript在任何位置进行调用。

调用带参数的函数

调用函数时，可以向其传递参数，参数可以在函数体内被调用，参数个数可以是任意个，中间使用逗号隔开。

声明函数时，把参数作为变量来声明：

function myFunction(var1,var2)
{
代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

带有返回值的函数

有时我们希望函数能返回值给调用它的地方，通过使用return语句就可以实现，return语句会返回一个值，同时让函数结束。

function myFunction()
{
    var x=5;
    return x;
}

上面的函数会返回值5。

示例：

function myFunction(a,b)
{
    return a*b;
}
 
document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 将是：12

仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：

function myFunction(a,b)
{
    if (a>b)
    {
        return;
    }
    x=a+b
}

如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。

局部JavaScript变量

在函数中声明的变量，其作用域是局部的，只有在该函数中可以使用。

不同函数可以声明相同变量名的局部变量，因为只有声明过该变量的函数才能识别出该变量。

在函数结束时，局部变量会被删除。

全局 JavaScript 变量

在函数外部声明的变量是全局变量，在网页上的所有脚本和函数都可以访问它。

JavaScript 变量的生存期

JavaScript变量的生命周期从它们被声明的时候开始，局部变量在函数结束执行之后被删除，全局变量在页面被关闭时被删除。

向未声明的 JavaScript 变量分配值

如果把值赋给尚未声明的变量，该变量将自动作为全局变量声明，即使它是在函数中被赋值的。

示例：

carname="Volvo";

将声明一个全局变量carname。