快捷導(dǎo)航

JS函數(shù)基本定義與用法示例

更新時(shí)間：2020年01月15日 10:38:04 作者：qq_42412646

這篇文章主要介紹了JS函數(shù)基本定義與用法,結(jié)合實(shí)例形式分析了JavaScript函數(shù)基本定義、參數(shù)、返回值等相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了JS函數(shù)基本定義與用法。分享給大家供大家參考，具體如下：

<html>
    <head>
        <title>js函數(shù)</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
//  三種函數(shù)的聲明方法
//            function test1(a1,a2){
//                console.log("函數(shù)聲明的第一種方法" + a1 + a2);
//            }
//            test1();
//            test1(1);
//            test1(1,2);
//            var test2 = new Function("a1","a2","console.log('函數(shù)聲明的第二種方法' + a1 + a2)");
//            test2();
//            test2(1);
//            test2(1,2);
//            var test3 = function(a1,a2){
//                console.log("函數(shù)聲明的第三種方法" + a1 + a2);
//            }
//            test3();
//            test3(1);
//            test3(1,2);

//  有返回值的函數(shù)
//            function action(a1,a2){
//                console.log("clannad賽高");
//                return "沒(méi)錯(cuò)";
//            }
//            var act=action();
//            console.log(act);
//            console.log(action);
//            console.log(action());
//  函數(shù)返回值為函數(shù)的函數(shù)
//            function action(a){    //這個(gè)函數(shù)是把輸入的參數(shù)內(nèi)容打印出來(lái)。
//                console.log(a);
//            }
//            var actioned = function(){  //一個(gè)含有返回值的函數(shù)
//                return "clannad賽高,沒(méi)錯(cuò)";
//            }
//            action(actioned);
//            action(actioned());
//  一個(gè)比較常用的方法
            function extract(fn){
//                fn();
                console.log(fn);
                console.log(fn());      //先對(duì)function的內(nèi)容進(jìn)行執(zhí)行，然后用console.log輸出fn運(yùn)行后的結(jié)果（即返回值）
            }
            extract(function(){
                console.log("我運(yùn)行了嗎");
                return "clannad賽高,沒(méi)錯(cuò)";
            })
        </script>
    </head>
    <body>
        <h3>js函數(shù)</h3>
    </body>
</html>

運(yùn)行結(jié)果：

函數(shù)調(diào)用時(shí)，沒(méi)有參數(shù)限制，定義函數(shù)時(shí)，即使調(diào)用了參數(shù)個(gè)數(shù)不足，也不會(huì)報(bào)錯(cuò)，因?yàn)閰?shù)默認(rèn)為undefined類(lèi)型。

上面的三種函數(shù)的定義方法雖然不同，但是其對(duì)應(yīng)的底層思想是相同的，其都相當(dāng)于一個(gè)變量封裝了一個(gè)函數(shù)類(lèi)型的對(duì)象。

在js中，（）是函數(shù)的執(zhí)行符號(hào)，但輸入（）代碼才會(huì)執(zhí)行，相應(yīng)的console.log（函數(shù)名）其僅僅只能打印出函數(shù)的內(nèi)容，但在其內(nèi)部添加了（）其不僅會(huì)執(zhí)行代碼還會(huì)打印出其對(duì)應(yīng)的返回值（如果用的話）

有一種常用的方式，就如同代碼最后的命名方式，定義一個(gè)執(zhí)行函數(shù)的函數(shù)

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: