JavaScript教程:幾種比較熟悉的編程習慣

由於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;在匿名函數外部是無法調用的,然後利用外部的變數來調用內部的函數,或者是變數.可以藉此建立私人變數和私人方法.