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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容