您好,登錄后才能下訂單哦!
本文實例講述了JS函數基本定義與用法。分享給大家供大家參考,具體如下:
<html> <head> <title>js函數</title> <meta charset="UTF-8"/> <script type="text/javascript"> // 三種函數的聲明方法 // function test1(a1,a2){ // console.log("函數聲明的第一種方法" + a1 + a2); // } // test1(); // test1(1); // test1(1,2); // var test2 = new Function("a1","a2","console.log('函數聲明的第二種方法' + a1 + a2)"); // test2(); // test2(1); // test2(1,2); // var test3 = function(a1,a2){ // console.log("函數聲明的第三種方法" + a1 + a2); // } // test3(); // test3(1); // test3(1,2); // 有返回值的函數 // function action(a1,a2){ // console.log("clannad賽高"); // return "沒錯"; // } // var act=action(); // console.log(act); // console.log(action); // console.log(action()); // 函數返回值為函數的函數 // function action(a){ //這個函數是把輸入的參數內容打印出來。 // console.log(a); // } // var actioned = function(){ //一個含有返回值的函數 // return "clannad賽高,沒錯"; // } // action(actioned); // action(actioned()); // 一個比較常用的方法 function extract(fn){ // fn(); console.log(fn); console.log(fn()); //先對function的內容進行執行,然后用console.log輸出fn運行后的結果(即返回值) } extract(function(){ console.log("我運行了嗎"); return "clannad賽高,沒錯"; }) </script> </head> <body> <h4>js函數</h4> </body> </html>
運行結果:
函數調用時,沒有參數限制,定義函數時,即使調用了參數個數不足,也不會報錯,因為參數默認為undefined類型。
上面的三種函數的定義方法雖然不同,但是其對應的底層思想是相同的,其都相當于一個變量封裝了一個函數類型的對象。
在js中,()是函數的執行符號,但輸入()代碼才會執行,相應的console.log(函數名)其僅僅只能打印出函數的內容,但在其內部添加了()其不僅會執行代碼還會打印出其對應的返回值(如果用的話)
有一種常用的方式,就如同代碼最后的命名方式,定義一個執行函數的函數
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。