js函數的使用+封裝+代碼復用

本文轉載自查看原文 2020-02-04 16:44 232 JavaScript

javascript 函數

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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 函數和代碼復用 --Python Python函數和代碼復用封裝html代碼塊到js函數中 PHP系列 | 代碼復用trait的構造函數使用 Python__函數和代碼復用 Python-函數和代碼復用使用jq把js代碼封裝一個自己的插件 Echart使用js進行封裝成函數 vue使用echarts，封裝復用組件 JS中深淺拷貝函數封裝代碼