单例模式 - 掘金

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        //避免定义全局变量,造成污染全局变量
        // var name = "yy";
        // var sex = "男";
        // var age = "40";

        var person1 = {
            name: "yy",
            sex: "男",
            age: 40
        };

        var person2 = {
            name: "xx",
            sex: "不详",
            age: "22"
        }

        // 单例模式： 把描述同一个事物的属性放到一个对象里面，
        // 避免定义全局变量，避免污染全局变量，这种开发模式就是单例模式
        // 单例模式其实就是一个对象
    
        // var oTabs = document.getELementsByTagName("li");
        // var oContents = document.getELementsByTagName("div");

        // for(){

        // }

        // var tab1 = {
        //     oTabs: document.getELementsByTagName("li"),
        //     oContents: document.getELementsByTagName("div"),
        //     fn: function(){
        //         for(){

        //         }
        //     }
        // }

        // tab1.fn();

        // var oTabs = document.getELementsByTagName("li");
        // var oContents = document.getELementsByTagName("div");

        // for(){
            
        // }

        // var tab2 = {};

        // tab2.oTabs = document.getELementsByTagName("li");
        // tab2.oContents = document.getELementsByTagName("div");
        // tab2.fn = function(){}

        // tab2.fn();
    </script>
</body>
</html>