32.对象.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            创建一个对象
        */
       var obj={
           name:"孙悟空",
           age:18,
           gender:"男",
           sayName:function(){
               alert(this.name)
           }
       }

       /* 
            使用工厂方法创建对象
             通过该方法可以大批量创建对象
       */
       function createPerson(name,age,gender)
       {
           //创建一个新的对象
           var obj=new Object();

           //向对象中添加属性
           obj.name=name;
           obj.age=age;
           obj.gender=gender;
           obj.sayName=function(){
               alert(this.name);
           };
           //将新的对象返回
           return obj;
       }
       /* 
        使用工厂方法创建的对象，使用的构造函数都是Object
          所以创建的对象都是Object这个类型
          就导致我们无法区分出多种不同类型的对象
       */

       var obj2=createPerson("猪八戒",28,"男");
       obj2.sayName();
       var obj3=createPerson("沙和尚",38,"男");
       console.log(obj2);
       console.log(obj);
       console.log(obj3);
    </script>
</head>
<body>
    
</body>
</html>