快捷導(dǎo)航

js function使用心得

更新時間：2010年05月10日 12:00:29 作者：

js function使用心得，對于面向?qū)ο蟮膶W習都是不錯的參考資料。

1.最基本的作為一個本本分分的函數(shù)聲明使用。

 
function func(){} 
或 
var func=function(){}; 

2.作為一個類構(gòu)造器使用：

復(fù)制代碼代碼如下:

 
function class(){} 
class.prototype={}; 
var item=new class(); 

3.作為閉包使用：

復(fù)制代碼代碼如下:

 
(function(){ 
//獨立作用域 
})(); 

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ù)(任意多個); 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)該能處理大部分代碼了。