DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js function定義函數使用心得
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(){}

以上三種應該能處理大部分代碼了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved