如何用JavaScript定義一個類
我原來的寫法都是這樣:
function Dog(){ this.name = 'hachi'; } Dog.prototype = { makeNoise:function(){ alert('wangwangwang'); } };
后來又看到另外一種復雜一點而且看起來好像沒有必要的寫法:
function Dog(){ var privateVariable = 'secret'; var fn = function(){ //... } fn.prototype = { makeNoise:function(){ alert('wangwangwang'); } } return fn; }
這里的Dog函數(shù)其實是一個 制造類 的函數(shù),它返回了真正的Dog類。
感覺這樣做的好處是更好的實現(xiàn)了封裝。
例如這里的privateVariable就是一個私有變量:
var d = new Dog; d.privateVariable //undefined
另外如果在第一個例子的最后加上一句:
Dog.prototype = { //e...WTF?? }
這樣Dog就不是Dog了~
后來的理解:
上面這樣新建類的方法直接重寫了prototype對象。這樣prototype原本內(nèi)置的屬性就沒有了(arguments, call, apply等)。
下面這種新建類的方法好像更好一些:
var Dog = function(name){ this.name = name; var privateVariable = 'you cannot see me.'; this.getPrivate = function(){return privateVariable;}; }
相關文章
jquery中prop()方法和attr()方法的區(qū)別淺析
官方例舉的例子感覺和attr()差不多,也不知道有什么區(qū)別,既然有了prop()這個新方法,不可能沒用吧,那什么時候該用attr(),什么時候該用prop()呢2013-09-09JavaScript 入門·JavaScript 具有全范圍的運算符
JavaScript 入門·JavaScript 具有全范圍的運算符...2007-10-10javascript學習筆記(十四) window對象使用介紹
javascript學習筆記之window對象使用介紹,需要的朋友可以參考下2012-06-06深入理解JavaScript系列(33):設計模式之策略模式詳解
這篇文章主要介紹了深入理解JavaScript系列(33):設計模式之策略模式詳解,策略模式定義了算法家族,分別封裝起來,讓他們之間可以互相替換,此模式讓算法的變化不會影響到使用算法的客戶,需要的朋友可以參考下2015-03-03js實現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉詳解
這篇文章主要介紹了js實現(xiàn)unicode碼字符串與utf8字節(jié)數(shù)據(jù)互轉,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-03-03