js function使用心得
更新時間:2010年05月10日 12:00:29 作者:
js function使用心得,對于面向?qū)ο蟮膶W習都是不錯的參考資料。
1.最基本的作為一個本本分分的函數(shù)聲明使用。
function func(){}
或
var func=function(){};
2.作為一個類構造器使用:
function class(){}
class.prototype={};
var item=new class();
3.作為閉包使用:
(function(){
//獨立作用域
})();
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);}
};//避免了重復判斷
5.以上四中情況的混合應用:
var class=new function(){
var privateArg;//靜態(tài)私有變量
function privateMethod=function(){};//靜態(tài)私有方法
return function(){/*真正的構造器*/};};
6.利用Function處理ajax返回的js腳本:
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假設此為服務器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重構代碼主體,根據(jù)需要可以有不同重構方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
這種構建函數(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");
應注意的是,注意返回代碼的格式,根據(jù)處理原理返回形式可有一下幾種:
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應該能處理大部分代碼了。
復制代碼 代碼如下:
function func(){}
或
var func=function(){};
2.作為一個類構造器使用:
復制代碼 代碼如下:
function class(){}
class.prototype={};
var item=new class();
3.作為閉包使用:
復制代碼 代碼如下:
(function(){
//獨立作用域
})();
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);}
};//避免了重復判斷
5.以上四中情況的混合應用:
復制代碼 代碼如下:
var class=new function(){
var privateArg;//靜態(tài)私有變量
function privateMethod=function(){};//靜態(tài)私有方法
return function(){/*真正的構造器*/};};
6.利用Function處理ajax返回的js腳本:
復制代碼 代碼如下:
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假設此為服務器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重構代碼主體,根據(jù)需要可以有不同重構方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();
這種構建函數(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");
應注意的是,注意返回代碼的格式,根據(jù)處理原理返回形式可有一下幾種:
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應該能處理大部分代碼了。
相關文章
一步一步封裝自己的HtmlHelper組件BootstrapHelper(三)
一步一步封裝自己的HtmlHelper組件:BootstrapHelper,系列文章第三篇,感興趣的小伙伴們可以參考一下2016-09-09淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題
下面小編就為大家?guī)硪黄獪\談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03