由於JavaScript的靈活性,可以讓每個人按照自己的習慣進行編寫代碼.有函數式的編程方式,也有現在用的較為廣泛的對象字面量.由於面向對象的出現,JavaScript剛開始的函數編程也逐漸演化為類式程式設計方式.現在我對幾種比較熟悉的程式設計習慣做簡單的說明:
1.對象字面量:
var person = {
name:null,
setName:function(name){
this.name = name;
return this.name;
},
getName:function(){
alert(this.name);
}
}
具有JavaScript特色的一種程式設計方式,以類別為單位含有屬性name,方法setName和getName.呼叫方法比較簡單person.setname('R'),this由此至終均指向person,person的屬性與方法均不私有,可以進行呼叫.
2.prototype構造器呼叫模式
var Person = function(){
this.name = null;
}
Person.prototype.setName = function(name){
this.name = name;
}
Person.prototype.getName = function(){
alert(this.name);
}
也是很常見的程式設計方式,建立一個Person類別,然後利用prototype對類別進行擴充,新增方法.與物件字面量最大差別在於,呼叫該類別的方法時,必須先new(跟Java呼叫類別相似).var p = new Person();p.getName();如果不用new,而直接創建,會產生錯誤.而且這種錯誤將不會報錯,難以發現.錯誤的產生原因來自於this指向Person.prototypel,而Person並沒有setName方法.
3.利用匿名函數進行函數編程
(function(){
var name;
var setName = function(n){
name = n;
}
window['person']['setName'] = setName;
var getName = function(){
alert(name);
}
window['person']['getName'] = getName;
})()
類別的出現,其中一個最大的好處就是降低了全局變數的出現,但是如果你依舊習慣於函數式編程,沒關係,只要創建一個匿名函數,進行閉包,就可以再裡面進行函數編程,也不需要擔心全域變數的出現.如上所看到的var name;在匿名函數外部是無法調用的,然後利用外部的變數來調用內部的函數,或者是變數.可以藉此創建私有變數和私有方法.