javascript中的函数学习_math.sqrt(dx * dx + dy * dy)-优快云博客

本文链接：https://blog.youkuaiyun.com/way88liu/article/details/8645182

本文通过实例讲解了JavaScript中函数的定义与使用，包括距离计算、计算器方法实现加法运算及异常处理等。此外还介绍了如何利用可变参数列表来找出最大值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要学习一下javascript中函数的使用：

<html>
<head>
<script src="jquery.js"></script>
<script>
    console.log("12334");
    var b=5;
    var c=Math.sqrt(b);
    console.log(c);
    function distance(x1,y1,x2,y2){
        dx=x2-x1;
        dy=y2-y1;
        return Math.sqrt(dx*dx+dy*dy);
    }
    var total=distance(0,0,2,1)+distance(2,1,3,5);
    console.log(total);

</script>
</head>
<body>
</body>
</html>

可以看到输出结果为：

12334 exam.html:5
2.23606797749979 exam.html:8
6.35917360311745

javascript中方法的调用：

<html>
<head>
<script src="jquery.js"></script>
<script>
    var calculator={
        operand1:1,
        operand2:2,
        add:function(){
        this.result=this.operand1+this.operand2;
        }
    };
    calculator.add();
    var res=calculator.result;
    console.log(res);
</script>
</head>
<body>
</body>
</html>

输出结果为3

javascript中函数异常的抛出

<html>
<head>
<script src="jquery.js"></script>
<script>
    function f(x,y,z)
    {
        if(arguments.length !=3){
        throw new Error("function have "+arguments.length+"expexct 3 arguments");
        }
    }
    f(4,5);
</script>
</head>
<body>
</body>
</html>

用Chrome调试的时候看到如下错误提示：

可变长的实参列表：

<html>
<head>
<script src="jquery.js"></script>
<script>
    function max(){
    var max=Number.NEGATIVE_INFINITY
    for(var i=0;i<arguments.length;i++)
    {
        if(arguments[i]>max){max = arguments[i];}
    }
        return max;
    }
    var largest=max(1,10,1000,908);
    console.log(largest);
</script>
</head>
<body>
</body>
</html>

输出结果为:1000

参考资料：

[javascript 权威指南]