淺談JavaScript function函數(shù)種類
本篇主要介紹普通函數(shù)、匿名函數(shù)、閉包函數(shù)
1.普通函數(shù)介紹
1.1 示例
function ShowName(name) {
alert(name);
}
1.2 Js中同名函數(shù)的覆蓋
在Js中函數(shù)是沒有重載,定義相同函數(shù)名、不同參數(shù)簽名的函數(shù),后面的函數(shù)會覆蓋前面的函數(shù)。調(diào)用時,只會調(diào)用后面的函數(shù)。
var n1 = 1;
function add(value1) {
return n1 + 1;
}
alert(add(n1));//調(diào)用的是下面的函數(shù),輸出:3
function add(value1, value2) {
return value1 + 2;
}
alert(add(n1));//輸出:3
1.3 arguments對象
arguments 類似于C#的params,操作可變參數(shù):傳入函數(shù)的參數(shù)數(shù)量大于定義時的參數(shù)數(shù)量。
function showNames(name) {
alert(name);//張三
for (var i = 0; i < arguments.length; i++) {
alert(arguments[i]);//張三、李四、王五
}
}
showNames('張三','李四','王五');
1.4 函數(shù)的默認范圍值
若函數(shù)沒有指明返回值,默認返回的是'undefined'
function showMsg() {
}
alert(showMsg());//輸出:undefined
2.匿名函數(shù)
2.1 變量匿名函數(shù)
2.1.1 說明
可以把函數(shù)賦值給變量、事件。
2.1.2 示例
//變量匿名函數(shù),左側(cè)可以為變量、事件等
var anonymousNormal = function (p1, p2) {
alert(p1+p2);
}
anonymousNormal(3,6);//輸出9
2.1.3 適用場景
①避免函數(shù)名污染。若先聲明個帶名稱的函數(shù),再賦值給變量或事件,就造成了函數(shù)名的濫用。
2.2 無名稱匿名函數(shù)
2.2.1 說明
即在函數(shù)聲明時,在后面緊跟參數(shù)。Js語法解析此函數(shù)時,里面代碼立即執(zhí)行。
2.2.2 示例
(function (p1) {
alert(p1);
})(1);
2.2.3 適用場景
①只需執(zhí)行一次的。如瀏覽器加載完,只需要執(zhí)行一次且后面不執(zhí)行的功能。
3. 閉包函數(shù)
3.1 說明
假設(shè),函數(shù)A內(nèi)部聲明了個函數(shù)B,函數(shù)B引用了函數(shù)B之外的變量,并且函數(shù)A的返回值為函數(shù)B的引用。那么函數(shù)B就是閉包函數(shù)。
3.2 示例
3.2.1 示例1:全局引用與局部引用
function funA() {
var i = 0;
function funB() { //閉包函數(shù)funB
i++;
alert(i)
}
return funB;
}
var allShowA = funA(); //全局變量引用:累加輸出1,2,3,4等
function partShowA() {
var showa = funA();//局部變量引用:只輸出1
showa();
}
allShowA是個全局變量,引用了函數(shù)funA。重復運行allShowA(),會輸出1,2,3,4等累加的值。
執(zhí)行函數(shù)partShowA(),因為內(nèi)部只聲明了局部變量showa來引用funA,執(zhí)行完畢后因作用域的關(guān)系,釋放showa占用的資源。
閉包的關(guān)鍵就在于作用域:全局變量占有的資源只有當頁面變換或瀏覽器關(guān)閉后才會釋放。var allShowA = funA() 時,相當于allShowA引用了funB(),從而使funB()里的資源不被GC回收,因此funA()里的資源也不會。
3.2.2 示例2:有參閉包函數(shù)
function funA(arg1,arg2) {
var i = 0;
function funB(step) {
i = i + step;
alert(i)
}
return funB;
}
var allShowA = funA(2, 3); //調(diào)用的是funA arg1=2,arg2=3
allShowA(1);//調(diào)用的是funB step=1,輸出 1
allShowA(3);//調(diào)用的是funB setp=3,輸出 4
3.2.3 示例3:父函數(shù)funA內(nèi)的變量共享
function funA() {
var i = 0;
function funB() {
i++;
alert(i)
}
allShowC = function () {// allShowC引用匿名函數(shù),與funB共享變量i
i++;
alert(i)
}
return funB;
}
var allShowA = funA();
var allShowB = funA();//allShowB引用了funA,allShowC在內(nèi)部重新進行了綁定,與allShowB共享變量i
3.3 適用場景
①保證函數(shù)funA內(nèi)里的變量安全,因為外部不能直接訪問funA的變量。
小伙伴們是否對javascript的function函數(shù)有所了解了呢,有疑問就給我留言吧。
相關(guān)文章
JavaScript中的document.referrer在各種瀏覽器測試結(jié)果
這篇文章主要介紹了JavaScript中的document.referrer在各種瀏覽器測試結(jié)果,包括在多種情況下每個瀏覽器能否用document.referrer取到值,非常珍貴的測試結(jié)果,需要的朋友可以參考下2014-07-07ajax上傳時參數(shù)提交不更新等相關(guān)問題
我感覺好像這個上傳插件只在第一次點擊的時候?qū)嵗?shù)傳給后臺,所以以后值都是不變的,應(yīng)該怎么解決這個問題呢2012-12-12JavaScript使用escape()、encodeURI()和decodeURI()實現(xiàn)URI編碼解碼
這篇文章介紹了JavaScript使用escape()、encodeURI()和decodeURI()實現(xiàn)URI編碼解碼的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05