Web全栈工程师之路(三)——JavaScript篇(十八)——使用工厂方法创建对象

以下是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>

 

posted @ 2020-09-06 23:12  骨桜  阅读(104)  评论(0)    收藏  举报