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)文章
在JS中最常看到切最容易迷惑的語(yǔ)法(轉(zhuǎn))
發(fā)現(xiàn)一篇JS中比較容易迷惑的語(yǔ)法的解釋,挺有用的,轉(zhuǎn)載下,與大家分享2010-10-10
在TypeScript項(xiàng)目中搭配Axios封裝后端接口調(diào)用
這篇文章主要介紹了在TypeScript項(xiàng)目中搭配Axios封裝后端接口調(diào)用,本文記錄一下在?TypeScript?項(xiàng)目里封裝?axios?的過(guò)程,之前在開(kāi)發(fā)?StarBlog-Admin?的時(shí)候已經(jīng)做了一次封裝,不過(guò)那時(shí)是JavaScript跟TypeScript還是有些區(qū)別的,需要的朋友可以參考下2024-01-01
js調(diào)用webservice中的方法實(shí)現(xiàn)思路及代碼
js調(diào)用webservice還算是一個(gè)比較實(shí)用的功能,本文提供了實(shí)現(xiàn)思路及代碼,感興趣的你可不要錯(cuò)過(guò)了哈,希望本文可以幫助到你啊2013-02-02
JavaScript實(shí)現(xiàn)圖片DIV豎向滑動(dòng)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片DIV豎向滑動(dòng)的方法,涉及javascript操作div層的相關(guān)技巧,需要的朋友可以參考下2015-04-04
一個(gè)收集圖片的bookmarlet(js 刷新頁(yè)面中的圖片)
這個(gè)代碼是用來(lái)在新的頁(yè)面內(nèi)顯示當(dāng)前頁(yè)面內(nèi)的所有圖片的。2010-05-05
JS實(shí)現(xiàn)多物體緩沖運(yùn)動(dòng)實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)多物體緩沖運(yùn)動(dòng)實(shí)例代碼,有需要的朋友可以參考一下2013-11-11

