11-單例模式

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="UTF-8" /> 
  <title>單例</title> 
 </head> 
 <body> 
  <script type="text/javascript">
        var name = "ldh";
        var age = 19;

        var name = "wxb";
        var age = 48;
        console.log(name); // ->wxb

        // 對象數據類型的作用 :
        // 把描述同一個事物(同一個對象的)的屬性和方法放到同一個內存空間下,起到了分組的作用,這樣不同事物之間即使屬性名一樣,相互也不會發生沖突
        // -> 我們把這種分組編寫代碼的模式叫做 "單例模式"
        // -> 在單例模式中 我們把person1或者person2也叫作"命名空間"

        var person1 = {
            name : "ldh",
            age  : 19
        }

        var person2 = {
            name: "wxb",
            age : 89
        }

        person1.age;
        person2.name;


        // 單例模式是一種項目開發中經常使用的模式,因為項目中我們可以使用單例模式來進行我們的模塊化開發
        // "模塊化開發":對于一個相對來說比較大的項目,需要多人協作的開發的,我們一般情況下會根據當前項目的需求劃分成幾個功能板塊,每個人負責一部分,同時開發,最后把每個人的代碼進行合并
        // 頁卡模塊中的change -> 實現選項卡切換

        // 公共方法
        var utils = {
            select:function () {

            }
        }

        // 頁卡模塊中的change->實現選項卡切換
        var tabRender = {
            change:function () {
                utils.select(); // 在自己的命名空間下調用其他的命名空間的方法
            }
        }

        // 搜索模塊change->搜索內容變化處理的
        var searchRender = {
            change:function () {
                this.clickEven(); // 在自己的命名空間下調用自己命名空間的方法
            },
            clickEven:function () {

            }
        }


    </script>  
 </body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容