前端应用_js_函数传参，函数关键字return

本文链接：https://blog.csdn.net/qq_34979346/article/details/98316290

实现两个数相加的脚本如下：

<!doctype html>
<html lang="en">
<head>
      <meta charset="UTF-8">
    <title>相加</title>
    <script type="text/javascript">
    window.onload=function(){
        var vat=document.getElementById("btn");
        var value1=document.getElementById("box1");
        var value2=document.getElementById("box2");
        vat.onclick = function (){
         var value11=parseInt(value1.value);
         var value21=parseInt(value2.value);
        alert(value11+value21);
        }
}
    </script>
</head>
<input type="text" id="box1">栏位1
<input type="text" id="box2">栏位2
<input type="button" id="btn" value="calculation">
</body>
</html>

但是思路不清晰，把加法抽象出来，我们可以写个加法的方法，并return 值，优化如下：

<!doctype html>
<html lang="en">
<head>
      <meta charset="UTF-8">
    <title>相加</title>
    <script type="text/javascript">
    window.onload=function(){
        var vat=document.getElementById("btn");
        var value1=document.getElementById("box1");
        var value2=document.getElementById("box2");

        vat.onclick = function (){
         var value11=value1.value;
         var value21=value2.value;
         var result=add(value11,value21);
        alert("相加的和为："+result);
        }

        function add(a,b){
        var c=parseInt(a)+parseInt(b);
        alert("计算成功")
        return c;
        }
}
    </script>
</head>
<input type="text" id="box1">栏位1
<input type="text" id="box2">栏位2
<input type="button" id="btn" value="calculation">
</body>
</html>