master

分支 (2)

管理

管理

master

Devlop

java-script-notes
/
68.使用工厂方法创建对象.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    /*
       使用工厂方法创建对象
          通过该方法可以大批量的创建对象
    */
    // 练习一
    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;
    }

    var obj1 = createperson("小王", 18, "女");
    var obj2 = createperson("小李", 28, "女");

    obj1.sayName(); //小王
    obj2.sayName(); // 小李


    //练习二
    function createDog(name, age) {
      var obj = new Object();
      obj.name = name;
      obj.age = age;
      obj.sayHello = function () {
        alert("汪汪~");
      }
      return obj;
    }

    /*
        使用工厂方法创建的对象，使用的构造函数都是object
         所以创建的对象都是object这个类型，
          就导致我们无法区分出多种不同类型的对象
    */
    //创建一个狗的对象
    var dog = createDog("小白", 2);
    dog.sayHello(); //汪汪~
    console.log(dog); //object
    console.log(obj2); //object


  </script>
</head>
<body>

</body>
</html>