js function使用心得_javascript技巧

1.最基本的作為一個本本分分的函式宣告使用。

複製代碼 代碼如下:

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;//靜態私人變數
function privateMethod=function(){};//靜態私人方法
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;
//重構代碼主體，根據需要可以有不同重構方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();

這種構建函數方式：var func=new Function(args1,args2,args3,...,body) args:參數(任意多個); body:函數主體
如：var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
應注意的是，注意傳回碼的格式，根據處理原理返回形式可有一下幾種：
1.(function(){//代碼})()
2.{a:"abc",func:function){}}//散列表
3.function(){}
以上三種應該能處理大部分代碼了。