JavaScript函數(shù)基礎詳解

更新時間：2017年02月03日 11:52:02 作者：麥子學院

本文主要介紹了JavaScript函數(shù)的基礎知識。具有很好的參考價值，下面跟著小編一起來看下吧

什么是函數(shù)?

函數(shù)是完成某一功能的代碼段

函數(shù)是可重復執(zhí)行的代碼段

函數(shù)方便管理和維護

自定義函數(shù)

通過function關鍵字

function 函數(shù)名稱([參數(shù),...]){

代碼段;

return 返回值;
}

注意

函數(shù)名稱不要包含特殊字符

函數(shù)名稱最好含義明確

函數(shù)名稱最好遵循駝峰標記法或者下劃線法

函數(shù)名稱嚴格區(qū)分大小寫

函數(shù)名稱如果重復會產(chǎn)生覆蓋

函數(shù)可以有參數(shù)也可以沒有參數(shù)，可以有一個參數(shù)也可以有多個參數(shù)

函數(shù)通過return加返回值，如果沒有return 默認返回undefined

函數(shù)不調(diào)用不執(zhí)行

匿名函數(shù)

函數(shù)表達式可以存儲在變量中，變量也可以作為一個函數(shù)使用

可以將匿名函數(shù)作為參數(shù)傳遞給其它函數(shù)，接收方函數(shù)就可以通過所傳遞進來的函數(shù)完成某些功能

可以通過匿名函數(shù)來執(zhí)行某些一次性的任務

通過Function()構造函數(shù)

通過內(nèi)置JavaScript函數(shù)構造器(Function())定義

var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};

注意

以上兩種方式是等價的

盡量避免使用new關鍵字

源代碼

<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
// teSt();
function teSt(){
alert('thiS iS a teSt');
}
// teSt();
//函數(shù)名稱嚴格區(qū)分大小寫
function TEST(){
alert("hello king");
}
// TEST();
//函數(shù)名稱重復會產(chǎn)生覆蓋
// teSt();
function teSt(){
alert('hello maizi');
}
// teSt();
function teSt1(){
alert('thiS iS teSt1 function');
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return 'thiS iS king';
return 1.2;
alert('thiS iS a teSt');
return 1;
}
// alert(teSt2());
function calc(num1,num2){
return num1+num2;
}
// alert(calc(1,2));
// alert(window.calc(3,5));
// alert(calc(1,2,3,4,5,6));
// function calc1(num1=1,num=2){
// return num1+num2;
// }
function calc1(num1,num2){
num1=num1||1;
num2=num2||2;
return num1+num2;
}
alert(calc1(3,6));
</Script>
</body>
</html>

運行結果：