面向对象的一些总结

120 阅读1分钟
<!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 obj = (function(){
            var a = 1;
            return {
                a: a
            }
        })()

        ;(function(){
            window.obj = {}
        })();

        // 工厂模式

        function createObj(){
            var obj = {};
            obj.name = "123";
            return obj;
        };

        var obj1 = createObj();
        var obj2 = createObj();

        // 面向对象OOP
        // 对象: js中万物皆对象
        // 类:对象的细分
        // 实例: 类下面的某个具体事务

        // 构造函数模式
        // new <fn()>; 

        function Person(name){
            // var obj = {}; this => obj;
            this.name = name;
            // retrun obj;
        };

        var person1 = new Person("张三");
        console.log(person1);

        // 私有属性和公有属性
        // in 判断某个属性是否属于某个对象,如果属于返回true,否则返回false
        // hasOwnProperty: 对象.hasOwnProperty("属性名"); 判断该属性时否是这个对象的私有属性,是返回true; 否则反回false

        function hasPubProperty(obj, attr){
            // 一个是attr必须是obj的一个属性
            // attr不是obj的私有属性
        }
    </script>
</body>
</html>