BoneSakura

以下是html代码,个人建议放在IDE里运行,边看效果,边学习~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用工厂方法创建对象</title>
    <script>

        /*  
            用普通方法创建三个对象
        */
       var obj = {
            name:"李耳",
            age:18,
            gender:"",
            sayName:function(){
                alert(this.name);
            }
       };

       var obj2 = {
            name:"老子",
            age:18,
            gender:"",
            sayName:function(){
                alert(this.name);
            }
       };

       var obj3 = {
            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;
        //将新的对象返回
        return obj;
       }

       var obj2 = createPerson("又一个李耳","18","");
       console.log(obj2);
       var obj3 = createPerson("又一个老子","18","");
       console.log(obj3);
    </script>
</head>
<body>
    
</body>
</html>

 

分类:

技术点:

相关文章:

  • 2021-12-22
  • 2021-12-29
  • 2022-02-13
  • 2021-11-28
  • 2021-07-11
  • 2022-12-23
  • 2021-12-01
猜你喜欢
  • 2022-02-13
  • 2022-02-20
  • 2022-01-14
  • 2022-01-27
  • 2021-12-15
  • 2022-01-15
  • 2022-02-04
相关资源
相似解决方案