首頁 > web前端 > js教程 > JavaScript函數基礎詳解

JavaScript函數基礎詳解

高洛峰
發布: 2017-02-03 13:15:28
原創
1066 人瀏覽過

什麼是函數?

函數是完成某一功能的程式碼段

函數是可重複執行的程式碼區段

函數方便管理與維護

自訂函數

透過function function [參數,...]){

程式碼段;

return 返回值;
}
登入後複製

   

注意

函數名稱不要包含特殊字元

函數名稱最好意義下劃點符號法

函數名稱嚴格區分大小寫

函數名稱如果重複會產生覆蓋

函數可以有參數也可以沒有參數,可以有一個參數也可以有多個參數

函數通過return加回值,如果沒有return 預設回傳undefined

函數不呼叫不執行

匿名函數

函數表達式可以儲存在變數中,變數也可以作為一個函數使用

可以將匿名函數作為參數傳遞給其它函數,接收方函數就可以透過所傳遞進來的函數完成某些功能

可以透過匿名函數來執行某些一次性的任務

透過Function()建構子

透過內建JavaScript函數建構器(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(&#39;thiS iS a teSt&#39;);
}
// teSt();
//函数名称严格区分大小写
function TEST(){
alert("hello king");
}
// TEST();
//函数名称重复会产生覆盖
// teSt();
function teSt(){
alert(&#39;hello maizi&#39;);
}
// teSt();
function teSt1(){
alert(&#39;thiS iS teSt1 function&#39;);
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return &#39;thiS iS king&#39;;
return 1.2;
alert(&#39;thiS iS a teSt&#39;);
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>
登入後複製

   

本文的內容對大家的學習或工作能帶來一定的幫助,同時也希望多多支持PHP中文網!

更多JavaScript函數基礎詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板