javascript匿名函數(shù)應(yīng)用示例介紹
更新時(shí)間：2014年03月07日 15:24:41 作者：
匿名函數(shù)，顧名思義就是沒(méi)有名字，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下
javascript匿名函數(shù)，就是說(shuō)個(gè)函數(shù)沒(méi)有名字，下面先列出測(cè)試代碼
/*
* 一般常見(jiàn)函數(shù)是這樣
*/
function debug(data) {
console.log(data);
}
但有的函數(shù)，它卻偏偏寫(xiě)成了這樣
(function(x, y) {
debug(x + y);
})
上面就是所說(shuō)的匿名函數(shù)了
var fun = null;
(function() {
var test = function(x ,y ) {
debug(x +y);
}
fun =test;
})();
這個(gè)時(shí)候你在瀏覽器的控制臺(tái)輸入fun ，你會(huì)發(fā)現(xiàn)它打印出 function(x, y){ debug(x +y);} 好明顯這就是一個(gè)函數(shù)了，如果你輸入 fun(1, 2); 這個(gè)時(shí)候就打印出3了。下面來(lái)看看種類型。
var U = {
uid: 32812,
gameList: (function(){
var list = new Array();
list[7]= '360';
list[6]='baidu';
if(list != 'null'){
return list;
}
}
)(),
serverList: (function(){
var list = new Array();
list[1188]='360';
list[1165]='baidu';
if(list != 'null'){
return list;
}
}
)(),
channelList: (function(){
var list = new Array();
list[9]='手游網(wǎng)';
return list;
}
)(),
searchName : function(t,id){
if( id == false || /^\d+$/.test(id) == false ){
return '這是一個(gè)函數(shù)';
}else if(eval(t).hasOwnProperty(id)){
return eval(t)[id];
}else{
return 'test';
}
}
};
這個(gè)時(shí)候，你在控制臺(tái)中輸入U(xiǎn);你會(huì)發(fā)現(xiàn)這是一個(gè)數(shù)組。U['searchName ']是一個(gè)函數(shù)， U['qudaoList']返來(lái)的是一個(gè)結(jié)果。
復(fù)制代碼 代碼如下:
/*
* 一般常見(jiàn)函數(shù)是這樣
*/
function debug(data) {
console.log(data);
}
但有的函數(shù)，它卻偏偏寫(xiě)成了這樣
復(fù)制代碼 代碼如下:
(function(x, y) {
debug(x + y);
})
上面就是所說(shuō)的匿名函數(shù)了
復(fù)制代碼 代碼如下:
var fun = null;
(function() {
var test = function(x ,y ) {
debug(x +y);
}
fun =test;
})();
這個(gè)時(shí)候你在瀏覽器的控制臺(tái)輸入fun ，你會(huì)發(fā)現(xiàn)它打印出 function(x, y){ debug(x +y);} 好明顯這就是一個(gè)函數(shù)了，如果你輸入 fun(1, 2); 這個(gè)時(shí)候就打印出3了。下面來(lái)看看種類型。
復(fù)制代碼 代碼如下:
var U = {
uid: 32812,
gameList: (function(){
var list = new Array();
list[7]= '360';
list[6]='baidu';
if(list != 'null'){
return list;
}
}
)(),
serverList: (function(){
var list = new Array();
list[1188]='360';
list[1165]='baidu';
if(list != 'null'){
return list;
}
}
)(),
channelList: (function(){
var list = new Array();
list[9]='手游網(wǎng)';
return list;
}
)(),
searchName : function(t,id){
if( id == false || /^\d+$/.test(id) == false ){
return '這是一個(gè)函數(shù)';
}else if(eval(t).hasOwnProperty(id)){
return eval(t)[id];
}else{
return 'test';
}
}
};
這個(gè)時(shí)候，你在控制臺(tái)中輸入U(xiǎn);你會(huì)發(fā)現(xiàn)這是一個(gè)數(shù)組。U['searchName ']是一個(gè)函數(shù)， U['qudaoList']返來(lái)的是一個(gè)結(jié)果。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要講訴了前端跨域問(wèn)題的幾種解決方案，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
實(shí)現(xiàn)checkbox全選、反選、取消JavaScript小腳本異常
實(shí)現(xiàn)checkbox全選，反選，取消JavaScript小腳本的時(shí)出現(xiàn)點(diǎn)小異常，大家可以看看，以后就不要犯這個(gè)特別2的錯(cuò)誤了2014-04-04
這篇文章主要為大家分享了B/S(Web)實(shí)時(shí)通訊的解決方案，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
Javascript基于jQuery UI實(shí)現(xiàn)選中區(qū)域拖拽效果
這篇文章主要介紹了Javascript基于jQuery UI實(shí)現(xiàn)選中區(qū)域拖拽效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
firefox和IE系列的相關(guān)區(qū)別整理 以備后用
firefox和IE系列的相關(guān)區(qū)別整理，整理相對(duì)來(lái)說(shuō)還可以，但對(duì)于個(gè)別細(xì)節(jié)的處理不夠完善。具體的可以參考腳本*之家以前發(fā)布的文章。2009-12-12
threejs全景圖和錨點(diǎn)編輯的實(shí)現(xiàn)方案
大家都知道可以利用Threejs中的立方體或者球體實(shí)現(xiàn)全景圖功能,下面這篇文章主要給大家介紹了關(guān)于threejs全景圖和錨點(diǎn)編輯的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
JavaScript實(shí)現(xiàn)旋轉(zhuǎn)輪播圖
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)旋轉(zhuǎn)輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
js前端頁(yè)面用插件docx-preview展示docx文件
這篇文章主要給大家介紹了如何使用docx-preview.min.js插件在頁(yè)面上展示.docx文件,并說(shuō)明了該插件依賴于jszip.min.js插件,通過(guò)實(shí)例展示了如何實(shí)現(xiàn)這一功能,需要的朋友可以參考下2024-11-11
將中文編入數(shù)組，調(diào)用數(shù)組的sort方法，再用到一個(gè)localeCompare即可實(shí)現(xiàn)中文排序,需要的朋友可以參考下2014-08-08