JavaScript函数

一、 JavaScript的函数

1.定义函数
在使用函数前要定义函数，定义函数要放在<script></script>之间，并用关键字function，语法如下：

function 函数名(形式参数1,形式参数2,.....形式参数n){
       //语句
}

定义函数规则：
（1）使用function关键字，function后面是函数名，不需要说明返回值类型。
（2）函数的命名规则与变量名的命名规则一样。
（3）函数名之后的“()”可以包含若干参数，也可以选择不带参数。
（4）最后一对{}，包含具体实现特定功能的若干语句。
2.函数的参数
例：

创建函数：
<script type="text/javascript">
        function getTotal(salary,bonus){
            document.writeln("工资和奖金的总额："+(salary+bonus));
        }
    </script>
函数参数的演示：
<body>
    <h2>王雨欣：<script type="text/javascript">getTotal(4800,2300);</script>元</h2>
    <h2>李思慧：<script type="text/javascript">getTotal(6400,3100)</script>元 </h2>
</body>

3.函数的返回值
实现函数返回值的语句是return，在调用函数时，可以将返回值赋给变量。
语法：

return 返回值;
或
var result = 函数(参数);

变量的作用域
变量的作用域只要分为全局和局部两种。全局变量在函数外部声明的，可以在任何地方包含函数的内部使用。局部变量是在函数体内声明的，只能在函数体内使用，局部变量随着函数的结束而消失。
注：全局变量和局部变量重名了的话，局部变量优先，无论局部变量的值的改变，全局变量的值也不会受影响。
系统函数
（1） parseInt函数
parseInt函数将字符串转换成整数，从字符串的开头开始，在第一个非整数位置停止解析，并返回前面读到的所有整数，如果字符串不以整数开头，将返回NaN（No a Number :不是一个数字）。
（2） parseFloat函数
返回一个浮点数和parseInt函数类似
（3） isNaN函数
isNaN函数用于判参数是否是NaN（不是数字），如果是NaN，则isNaN返回true，反之返回false。
具体如下：

参数	结果
“134”	false
“2a34”	true
“2.34”	false
“ ”（空格）	false
“wh”	true

代码展示：

1.计算输入两个文本框的数字之和，结果显示在第三个文本框中
// html代码：
<body>
    <input type="text" id="op1">+<input type="text" id="op2">=
    <input type="text" id="result"><br><br>
    <input type="button" value="计算" onclick="calc()">// 为按钮加一个点击事件，点击计算就会计算两数之和
</body>
// JavaScript脚本代码：
 <script type="text/javascript">
        function calc(){   // 声明函数
            var  num1 = document.getElementById("op1").value;  //通过id获取文本框中的值
            var num2 = document.getElementById("op2").value;
            if(num1.trim()!=""&&num2.trim()!=""){   // 删除空格
                if(!isNaN(num1)&&!isNaN(num2)){    //判断两个数是数字
                    document.getElementById("result").value = parseFloat(num1)+parseFloat(num2);   //实现相加
                }else{
                    alert("请输入正确的数字");   // 条件为假，就不是数子，那就弹出提示框。
                }
            }else{
                alert("请输入两个操作数");
            }
        }
    </script>