JavaScript對象建立對象的四種方式

時間 2019-11-13

原文原文鏈接

1.字面量的方式

2.調用系統的構造函數

3.自定義構造函數的方式

4.工廠模式建立對象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //對象：特指的某個事物，具備屬性和方法（一組無序的屬性的集合）
        //特性---》屬性
        //行爲---》方法
        //建立對象三種方式
        /***
         *  1 字面量的方式
         *  2.調用系統的構造函數
         *  3.自定義構造函數方式
         *　4.工廠模式建立對象
         * */
        //1.實例對象
        var per1={name:"卡卡",
            age:20,
            sex:"男",
            eat:function () {
                console.log("吃臭豆腐");
            },
            readBook:function () {
                console.log("一步之遙");
            }
        }
        //2.調用系統的構造函數
        var per2=new Object();
        per2.name="大蛇丸";
        per2.age=30;
        per2.sex="男";
        per2.eat=function () {
            console.log("要吃榴蓮");
        };
        per2.play=function () {
            console.log("愛玩小蛇");
        };

        console.log(per2 instanceof Object);
        //var dog=new Object();
        //3.自定義構造函數
       function Person(name,age,sex){
            this.name=name;
            this.age=age;
            this.sex=sex;
            this.play=function(){
                console.log("打王者榮耀");
            };
        }
        var per=new Person("妲己",18,"女");
        /**
         * 1.開闢空間存儲對象
         * 2.把this設置爲當前的對象
         * */
         console.log(per instanceof Person);    
        //4.工廠模式建立對象
        function creatObject(name,age,sex) {
            var obj=new Object();
            obj.name=name;
            obj.age=age;
            obj.sex=sex;
            obj.sayHi=function () {
                console.log("您好");
            };
            return obj;
        }
        var per_factory=creatObject("劍聖",20,"男")
    </script>
</head>
<body>

</body>
</html>