js创建对象的三种方式

 <script>
        //创建对象的三种方式
        // 1.利用对象字面量(传说中的大括号)创建对象 

        var obj1 = {
            uname: 'ash',
            age: 18,
            sex: "女",
            sayhi: function() {
                console.log("hello kitty");

            }
        }

        //访问属性的两种方法
        console.log(obj1.uname);
        console.log(obj1[`age`]);

        //调用对象的方法
        obj1.sayhi();


        // 创建对象的第二种方式,用new 关键字
        var obj2 = new Object();
        //追加属性和方法
        obj2.uname = '小明';
        obj2.age = 20;
        obj2.sex = "男";
        obj2.sayHi = function() {
            console.log("hi~");
        }
        console.log(obj2.age);
        console.log(obj2[`age`]);
        obj2.sayHi();


        //    以上两种方法创建对象一次只能创建一个，用构造函数可以多次创建对象
        // 创建对象的第三种方式,用构造函数
        function Star(uname, age, sex) {
            this.uname = uname; //构造函数里面一定要用到this关键字 ，表示当前对象
            this.age = age;
            this.sex = sex;
            this.sing = function(ge) {
                console.log(uname + "的主打歌 " + ge);

            }
        }

        var LDH = new Star("刘德华", 20, "男");
        console.log(LDH.uname);
        console.log(LDH.age);
        LDH.sing("冰雨");

        /* new一个对象的执行过程：
        1.创建一个新对象
        2.this指向这个对象
        3.形参为这个对象的属性和方法赋值
        4.返回这个对象，所以构造函数里面不需要return */

        var YBN = new Star("姚贝娜", 21, "女"); //new出一个对象
        YBN.sing("随他吧");
    </script>

 

如何遍历这个对象的属性和值呢？用for in 循环

<script>
        // 首先，我用构造函数创建对象
        function Star(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function(ge) {
                console.log(uname + "的主打歌" + ge);

            }

        }
        var GLN = new Star("龚琳娜", 30, "女");
        //现在来遍历龚琳娜的属性
        for (const key in GLN) {
            console.log(GLN.uname + "的属性有" + key);
            console.log(GLN.uname + "的值有" + GLN[key]);
        }
    </script>

注意，key只是属性，obj[key] 才是值