js函数的使用+封装+代码复用

当前位置:

首页 > temp > JavaScript教程 >

js函数的使用+封装+代码复用

return 后面没有返回值

代表提早退出语句，return后面的语句都不再执行

此时返回值为undefined

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function myFun(arg){
            //非数值，不进行操作；
            //数值，返回数值的2倍
            if(isNaN(arg)) return;
            return arg*2;
        }
        console.log(myFun('a'));//undefined
        console.log(myFun(2));//4
    </script>
</body>
</html>

arguments 类数组

使用[]访问参数元素，索引是从0开始的整数

使用length获取参数个数

非严格模式下，可以通过arguments修改元素的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function myFun(){
            console.log(arguments.length);
            console.log(arguments[0]);
            console.log(arguments[1]);
        }
        myFun(3,5);//2  3  5

        function myFun2(num){
            arguments[0]=10;
            console.log(num);
        }
        myFun2(3);//10
    </script>
</body>
</html>

求任意一组数的平均值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function getAvg(){
            var sum=0,
                len=arguments.length;
            for(var i=0;i<len;i++){
                sum+=arguments[i];
            }
            console.log(sum/len);
        }
        getAvg(3,5,9,11);//7
    </script>
</body>
</html>

栏目列表