JavaScript创建对象的三种方法-CSDN博客

49 阅读1分钟
js三种创建对象的方法
 <script>
        // ----------------------------------
        // 1.利用对象字面量的方式创建对象
        let obj = {};  //创建了一个空对象 
        let cat = {    //创建了一个猫咪对象
            uname:"小黑",
            type: "中华田园猫",
            eat: function(){
                console.log('小黑是吃货');
            }
        };
        cat.eat();
        // 对象字面量创建对象时注意:
        // 1) 属性和方法都用键值对的形式表示
        // 2)各个属性和方法之间用逗号隔开
        
        // ----------------------------------
        // 2.利用new Object关键字创建对象
        let dog = new Object();
        dog.uname = "大黄";
        dog.age = 2;
        dog.act = function(){
            alert('我是小狗狗');
        }
        dog.act();
        // 注意:
        // 1) 是用new Object创建一个对象 

        // ---------------------------------
        // 3.利用构造函数创建对象
        function Star(name,age){
            this.name = name;
            this.age = age;
            this.move = function(){
                alert('虞书欣小可爱');
            }
        }
        let ysx = new Star('虞书欣',22);
        console.log(ysx);
        ysx.move();

        // new关键字的执行机制
        // 1.在内存中开辟新空间
        // 2.this指向这个内存空间
        // 3.执行构造函数的函数体
        // 4.返回结果
    </script>