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

來源:互聯網
上載者:User

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



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。