JS函數(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 "沒錯";
// }
// var act=action();
// console.log(act);
// console.log(action);
// console.log(action());
// 函數(shù)返回值為函數(shù)的函數(shù)
// function action(a){ //這個函數(shù)是把輸入的參數(shù)內容打印出來。
// console.log(a);
// }
// var actioned = function(){ //一個含有返回值的函數(shù)
// return "clannad賽高,沒錯";
// }
// action(actioned);
// action(actioned());
// 一個比較常用的方法
function extract(fn){
// fn();
console.log(fn);
console.log(fn()); //先對function的內容進行執(zhí)行,然后用console.log輸出fn運行后的結果(即返回值)
}
extract(function(){
console.log("我運行了嗎");
return "clannad賽高,沒錯";
})
</script>
</head>
<body>
<h3>js函數(shù)</h3>
</body>
</html>
運行結果:

函數(shù)調用時,沒有參數(shù)限制,定義函數(shù)時,即使調用了參數(shù)個數(shù)不足,也不會報錯,因為參數(shù)默認為undefined類型。
上面的三種函數(shù)的定義方法雖然不同,但是其對應的底層思想是相同的,其都相當于一個變量封裝了一個函數(shù)類型的對象。
在js中,()是函數(shù)的執(zhí)行符號,但輸入()代碼才會執(zhí)行,相應的console.log(函數(shù)名)其僅僅只能打印出函數(shù)的內容,但在其內部添加了()其不僅會執(zhí)行代碼還會打印出其對應的返回值(如果用的話)
有一種常用的方式,就如同代碼最后的命名方式,定義一個執(zhí)行函數(shù)的函數(shù)
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
js 按照指定間隔 向字符串中插入隨機字符串的實現(xiàn)代碼
看到論壇有人問,覺得有意思,就試著寫了一下。2010-03-03
angular bootstrap timepicker TypeError提示怎么辦
這篇文章主要介紹了angular bootstrap timepicker TypeError提示的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
JavaScript本地存儲與會話存儲的實現(xiàn)介紹
本地存儲和會話存儲是比較常用的方法,你知道兩者的區(qū)別嗎,本文詳細的介紹了JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用,具有一定的參考價值,感興趣的可以了解一下2022-08-08

