js function定義函數(shù)使用心得
更新時(shí)間：2010年04月15日 19:41:33 作者：
js function定義函數(shù)使用心得，了解這個(gè)才能更進(jìn)一步的了解js面向?qū)ο蠓矫娴闹R(shí)。
1.最基本的作為一個(gè)本本分分的函數(shù)聲明使用。
function func(){}
或
var func=function(){};
2.作為一個(gè)類構(gòu)造器使用：
function class(){}
class.prototype={};
var item=new class();
3.作為閉包使用：
(function(){
//獨(dú)立作用域
})();
4.可以作為選擇器使用：
var addEvent=new function(){
if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};
else return function(elem,type,func){addEventListener(elem,type,func,false);}
};//避免了重復(fù)判斷
5.以上四中情況的混合應(yīng)用：
var class=new function(){
var privateArg;//靜態(tài)私有變量
function privateMethod=function(){};//靜態(tài)私有方法
return function(){/*真正的構(gòu)造器*/};};
6.利用Function處理ajax返回的js腳本：
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假設(shè)此為服務(wù)器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重構(gòu)代碼主體，根據(jù)需要可以有不同重構(gòu)方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
這種構(gòu)建函數(shù)方式：var func=new Function(args1,args2,args3,...,body) args:參數(shù)(任意多個(gè)); body:函數(shù)主體
如：var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
應(yīng)注意的是，注意返回代碼的格式，根據(jù)處理原理返回形式可有一下幾種：
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應(yīng)該能處理大部分代碼了。
復(fù)制代碼 代碼如下:
function func(){}
或
var func=function(){};
2.作為一個(gè)類構(gòu)造器使用：
復(fù)制代碼 代碼如下:
function class(){}
class.prototype={};
var item=new class();
3.作為閉包使用：
復(fù)制代碼 代碼如下:
(function(){
//獨(dú)立作用域
})();
4.可以作為選擇器使用：
復(fù)制代碼 代碼如下:
var addEvent=new function(){
if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};
else return function(elem,type,func){addEventListener(elem,type,func,false);}
};//避免了重復(fù)判斷
5.以上四中情況的混合應(yīng)用：
復(fù)制代碼 代碼如下:
var class=new function(){
var privateArg;//靜態(tài)私有變量
function privateMethod=function(){};//靜態(tài)私有方法
return function(){/*真正的構(gòu)造器*/};};
6.利用Function處理ajax返回的js腳本：
復(fù)制代碼 代碼如下:
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假設(shè)此為服務(wù)器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重構(gòu)代碼主體，根據(jù)需要可以有不同重構(gòu)方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
這種構(gòu)建函數(shù)方式：var func=new Function(args1,args2,args3,...,body) args:參數(shù)(任意多個(gè)); body:函數(shù)主體
如：var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
應(yīng)注意的是，注意返回代碼的格式，根據(jù)處理原理返回形式可有一下幾種：
復(fù)制代碼 代碼如下:
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應(yīng)該能處理大部分代碼了。
相關(guān)文章
原生JavaScript實(shí)現(xiàn)九宮格抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)九宮格抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
JS中如何將JSON數(shù)組轉(zhuǎn)化為url參數(shù)
這篇文章主要介紹了JS中如何將JSON數(shù)組轉(zhuǎn)化為url參數(shù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
javascript表單驗(yàn)證 - Parsley.js使用和配置
大家還記得我們?cè)?jīng)介紹過(guò)的表單驗(yàn)證jquery插件jquery.validationEngine吧;天介紹的Parsley同樣也可以幫助你只使用簡(jiǎn)單的配置即可實(shí)現(xiàn)表單驗(yàn)證功能，基于它的強(qiáng)大DOM-API,感興趣的你可以不要錯(cuò)過(guò)了哦2013-01-01
在Web開(kāi)發(fā)中,保護(hù)用戶數(shù)據(jù)是至關(guān)重要的,而對(duì)數(shù)據(jù)進(jìn)行加密是其中一種有效手段,本文將深入淺出地介紹常見(jiàn)的加解密算法,包括消息摘要算法、對(duì)稱加密算法以及非對(duì)稱加密算法,需要的朋友可以參考下2023-12-12
javascript全局變量封裝模塊實(shí)現(xiàn)代碼
javascript全局變量封裝模塊的應(yīng)用，本文將詳細(xì)介紹，需要了解更多的朋友可以參考下2012-11-11
簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
本地對(duì)象Array的原型擴(kuò)展實(shí)現(xiàn)代碼
該擴(kuò)展方法目的為刪除數(shù)組中的重復(fù)項(xiàng)，并返回一個(gè)包含所有重復(fù)條目的新數(shù)組；2010-12-12
指定區(qū)域的圖片自動(dòng)按比例縮小的js代碼（防止頁(yè)面被圖片撐破）
有時(shí)候我們更新的內(nèi)容，有很多的大圖片，就會(huì)導(dǎo)致頁(yè)面變形或看不到全圖。一般情況我們用css的max-width控制，但有些瀏覽器不支持，我們也可以用js做個(gè)補(bǔ)充2014-02-02
Cookie就是這樣的一種機(jī)制。它可以彌補(bǔ)HTTP協(xié)議無(wú)狀態(tài)的不足。在Session出現(xiàn)之前，基本上所有的網(wǎng)站都采用Cookie來(lái)跟蹤會(huì)話。下面通過(guò)本文給大家介紹JS中cookie的使用及缺點(diǎn)，需要的朋友參考下吧2017-05-05
JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法,涉及javascript隨機(jī)數(shù)與字符串運(yùn)算及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09