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] 才是值