js function使用心得
更新時(shí)間：2010年05月10日 12:00:29 作者：
js function使用心得，對于面向?qū)ο蟮膶W(xué)習(xí)都是不錯(cuò)的參考資料。
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ù)處理原理返回形式可有一下幾種：
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應(yīng)該能處理大部分代碼了。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了openlayers實(shí)現(xiàn)地圖測距測面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
今天小編就為大家分享一篇layui radio性別單選框賦值方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家介紹了輸入npm?run?xxx后執(zhí)行原理深入解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
在JS中，對于對象類型的變量的引用是通過類似C之類的“指針”的方式來操作的，及如果多個(gè)變量引用同一個(gè)對象，則任意一個(gè)變量對對象的操作都會(huì)影響到其它的變量。2010-03-03
javascript中match函數(shù)的用法小結(jié)
本篇文章主要是對javascript中match函數(shù)的用法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
前端實(shí)現(xiàn)瀏覽器自定義滾動(dòng)條寫法實(shí)例
自定義滾動(dòng)條最早是IE玩出來的,但是后來,不知道為什么IE把這個(gè)有意思的功能廢棄了,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)瀏覽器自定義滾動(dòng)條寫法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
這篇文章主要介紹了var，let，const異同點(diǎn),文中較詳細(xì)的給大家介紹了let和const的相同點(diǎn)和不同點(diǎn)，需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JavaScript編寫的網(wǎng)頁小游戲，附上全部代碼供大家查看，實(shí)現(xiàn)了網(wǎng)頁的小游戲頁面，需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細(xì)介紹了Vue自定義日歷小控件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07