一種JavaScript的設計模式

一種JavaScript的設計模式
//簡單的類的設計模式
//定義一個類class1
function class1() {
//建構函式
}

//通過指定prototype對象來實作類別的成員定義
class1.prototype = {
someProperty:"simple",
someMethod:function {
//方法代碼
},
//其實屬性和方法
}在一個類的成員之間互相引用，必須通過this指標來進行。因為在JavaScript中第個屬性和方法都是獨立的，它們通過this指標聯絡在一個對象上。

//簡單的帶參數的事件設計模式
<script language="JavaScript" type="text/javascript">
<!--
//將有參數的函數封裝為無參數的函數
function createFunction(obj, strFunc) {
var args = [];//定義args用於儲存傳遞給事件處理常式的參數
if(!obj) obj = window;//如果是全域函數則obj=window;
//得到傳遞給事件處理常式的參數
for(var i=2; i<arguments.length; i++) {
args.push(arguments[i]);
}
//用無參數函數封裝事件處理常式的調用
return function() {
obj[strFunc].apply(obj, args);//將參數傳遞給指定的事件處理常式
}
}

//定義類class1
function class1() {
//建構函式
}
class.prototype = {
show:function() {
//show函數的實現
this.onshow();//觸發onshow事件
},
onShow:function() {}//定義事件介面
}
//建立class1的執行個體
var obj = new class1();
//建立obj的onshow事件處理常式
function objOnshow(userName) {
alert("hello,"+userName);
}
//定義變數userName
var userName = "terry";
//綁定obj的onShow事件
obj.onShow=createFunction(null, "objOnshow", userName);
//調用obj的show方法
obj.show();
//-->
</script>
通過createFunction封裝，就可以用一種通用的方案實現參數傳遞。
//一個簡單的開發架構
<script language="javascript">
var http_request = false;
function send_request(url) {//初始化、指定處理函數、發送請求的函數
http_request = false;
//開始初始化XMLHttpRequest對象
if(window.XMLHttpRequest) { //Mozilla 瀏覽器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//設定MiME類別
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE瀏覽器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 異常，建立對象執行個體失敗
window.alert("不能建立XMLHttpRequest對象執行個體.");
return false;
}
http_request.onreadystatechange = processRequest;
// 確定發送請求的方式和URL以及是否同步執行下段代碼
http_request.open("GET", url, true);
http_request.send(null);
}
// 處理返回資訊的函數
function processRequest() {
if (http_request.readyState == 4) { // 判斷對象狀態
if (http_request.status == 200) { // 資訊已經成功返回，開始處理資訊
alert(http_request.responseText);
} else { //頁面不正常
alert("您所請求的頁面有異常。");
}
}
}
</script>