JavaScript函數(shù)基礎(chǔ)詳解
什么是函數(shù)?
函數(shù)是完成某一功能的代碼段
函數(shù)是可重復(fù)執(zhí)行的代碼段
函數(shù)方便管理和維護(hù)
自定義函數(shù)
通過(guò)function關(guān)鍵字
function 函數(shù)名稱(chēng)([參數(shù),...]){
代碼段;
return 返回值; }
注意
函數(shù)名稱(chēng)不要包含特殊字符
函數(shù)名稱(chēng)最好含義明確
函數(shù)名稱(chēng)最好遵循駝峰標(biāo)記法或者下劃線法
函數(shù)名稱(chēng)嚴(yán)格區(qū)分大小寫(xiě)
函數(shù)名稱(chēng)如果重復(fù)會(huì)產(chǎn)生覆蓋
函數(shù)可以有參數(shù)也可以沒(méi)有參數(shù)，可以有一個(gè)參數(shù)也可以有多個(gè)參數(shù)
函數(shù)通過(guò)return加返回值，如果沒(méi)有return 默認(rèn)返回undefined
函數(shù)不調(diào)用不執(zhí)行
匿名函數(shù)
函數(shù)表達(dá)式可以存儲(chǔ)在變量中，變量也可以作為一個(gè)函數(shù)使用
可以將匿名函數(shù)作為參數(shù)傳遞給其它函數(shù)，接收方函數(shù)就可以通過(guò)所傳遞進(jìn)來(lái)的函數(shù)完成某些功能
可以通過(guò)匿名函數(shù)來(lái)執(zhí)行某些一次性的任務(wù)
通過(guò)Function()構(gòu)造函數(shù)
通過(guò)內(nèi)置JavaScript函數(shù)構(gòu)造器(Function())定義
var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};
注意
以上兩種方式是等價(jià)的
盡量避免使用new關(guān)鍵字
源代碼
<!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ù)名稱(chēng)嚴(yán)格區(qū)分大小寫(xiě)
function TEST(){
alert("hello king");
}
// TEST();
//函數(shù)名稱(chēng)重復(fù)會(huì)產(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>
運(yùn)行結(jié)果：
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
JS函數(shù)修改html的元素內(nèi)容,及修改屬性?xún)?nèi)容的方法
下面小編就為大家?guī)?lái)一篇JS函數(shù)修改html的元素內(nèi)容,及修改屬性?xún)?nèi)容的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
微信小程序報(bào)錯(cuò): thirdScriptError的錯(cuò)誤問(wèn)題
這篇文章主要介紹了微信小程序報(bào)錯(cuò): thirdScriptError,本文給大家分享解決方法，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
JavaScript實(shí)現(xiàn)替換字符串中最后一個(gè)字符的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)替換字符串中最后一個(gè)字符的方法,涉及javascript字符串的轉(zhuǎn)換與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
JS 對(duì)java返回的json格式的數(shù)據(jù)處理方法
下面小編就為大家?guī)?lái)一篇JS 對(duì)java返回的json格式的數(shù)據(jù)處理方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
JS用斜率判斷鼠標(biāo)進(jìn)入DIV四個(gè)方向的方法
在網(wǎng)上去搜判斷鼠標(biāo)移入div移入移出的方法大同小異，下面小編給大家分享一篇文章關(guān)于js判斷鼠標(biāo)進(jìn)入div方向的代碼，感興趣的朋友一起看看吧2016-11-11
JS SetInterval 代碼實(shí)現(xiàn)頁(yè)面輪詢(xún)
setInterval 是一個(gè)實(shí)現(xiàn)定時(shí)調(diào)用的函數(shù)，可按照指定的周期（以毫秒計(jì)）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。下面通過(guò)本文給大家分享JS SetInterval 代碼實(shí)現(xiàn)頁(yè)面輪詢(xún)，感興趣的朋友一起看看吧2017-08-08
window.addEventListener來(lái)解決讓一個(gè)js事件執(zhí)行多個(gè)函數(shù)
可能你也碰到過(guò)這種情況,就是在js的代碼中用了window.onload后,可能會(huì)影響到body中的onload事件。這時(shí)就要用window.attachEvent和window.addEventListener來(lái)解決一下,需要的朋友可以參考下2012-12-12
這篇文章主要介紹了Bootstrap按鈕組件消除黃框的方法,需要的朋友可以參考下2017-05-05
javascript中return，return true,return false三者的用法及區(qū)別
這篇文章主要介紹了javascript中return，return true,return false三者的用法及區(qū)別的相關(guān)資料,需要的朋友可以參考下2015-11-11
webpack打包時(shí)如何修改文件名的實(shí)現(xiàn)示例
本文主要介紹了webpack打包時(shí)如何修改文件名的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06