JS函數基本定義與用法示例
本文實例講述了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的內容進行執(zhí)行,然后用console.log輸出fn運行后的結果(即返回值)
}
extract(function(){
console.log("我運行了嗎");
return "clannad賽高,沒錯";
})
</script>
</head>
<body>
<h3>js函數</h3>
</body>
</html>
運行結果:

函數調用時,沒有參數限制,定義函數時,即使調用了參數個數不足,也不會報錯,因為參數默認為undefined類型。
上面的三種函數的定義方法雖然不同,但是其對應的底層思想是相同的,其都相當于一個變量封裝了一個函數類型的對象。
在js中,()是函數的執(zhí)行符號,但輸入()代碼才會執(zhí)行,相應的console.log(函數名)其僅僅只能打印出函數的內容,但在其內部添加了()其不僅會執(zhí)行代碼還會打印出其對應的返回值(如果用的話)
有一種常用的方式,就如同代碼最后的命名方式,定義一個執(zhí)行函數的函數
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript+Node.js寫一款markdown解析器
這篇文章主要介紹了利用JavaScript和Node.js寫一款markdown解析器,首先編寫getHtml函數,傳入markdown文本字符串,下面更多詳細內容,需要的小伙伴可以參考一下2022-02-02
js實現(xiàn)頁面打印功能實例代碼(附去頁眉頁腳功能代碼)
js實現(xiàn)頁面打印功能實例代碼(附去頁眉頁腳功能代碼)2009-12-12

