Javascript 靜態類的實現

來源:互聯網
上載者:User

早些天寫過了類的實現,接著我們看看的靜態類的實現。這東西在Javascript裡用得會非常的頻繁,因為針對現在的網頁,多個基於同一個類對象的頁面不多,往往不同塊對象的互動就可以解決問題了,這就需要在JS針對元素定義幾個靜態類就可以完事了,進入正題。
這次我們直接看例子:

/***定義靜態類***/var Core = {};Core.StaticClass = (function(){    var Return = {        Property: "Test Static Property",    //公有屬性        Method: function(){    //公有方法            alert(_Field);    //調用私用欄位            privateMethod();    //調用私用方法        }    };    //定義返回的公有對象    var _Field = "Test Static Field";    //私人欄位    var privateMethod = function(){    //私人方法        alert(Return.Property);    //調用屬性    }    return Return;    //產生公有靜態元素})();

  

這次,我用的是閉包的方式去實現,其中最重要的一點是reutrn Return; 這裡會引伸到實值型別與參考型別的概念。在js裡,Object就是一個參考型別,在閉包裡,我會拋出一個包含有屬性與方法的Object的引用,這樣,也可以說是把這個Object拋向了外部,實現了公開。StaticClass這個變數接住了Return引用。 對於閉包內部的私人欄位與方法都是沒有被拋出的,這樣就可以形成一個私人的環境。
很多時候我們都會用這種技巧去對JS進行分塊,讓程式不會那麼的混亂。
上面的例子沒這麼幹過的兄弟們也可以自己去試試。忘了,剛剛那個例子大家可以這麼樣去試試。
Core.StaticClass.Method();
Core.StaticClass.Property = “Test2″;
Core.StaticClass.Method();

轉載請註明轉自《Javascript 靜態類的實現》

相關文章

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.