JS中使用工厂模式创建对象

r囧r小猫 2023-01-20 12:58 151阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <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 obj2=createPerson("asdf",22,"das");
        var obj3=createPerson("e",333,"asd");
        var obj4=createPerson("dd",33,"asd");
        console.log(obj2);
        console.log(obj3);
        console.log(obj4);
        
    </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzgzNjYw_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzgzNjYw_size_16_color_FFFFFF_t_70]: /images/20221021/5b2901b3d5314f24902e09737382bb86.png

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式：工厂方法创建对象实例

工厂方法（Factory Method）是设计模式中的一种，主要目的是创建对象，但不暴露其创建过程。在工厂方法中，有一个抽象的"产品"类（通常是Product或Produc

曾经终败给现在/ 2024年09月16日 01:36/ 0 赞/ 50 阅读

相关 js中工厂函数和构造函数创建对象

工厂函数： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

野性酷女/ 2023年03月02日 13:27/ 0 赞/ 100 阅读

相关 JS中使用工厂模式创建对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

r囧r小猫/ 2023年01月20日 12:58/ 0 赞/ 152 阅读

相关 js--对象创建模式

1.Object函数创建模式。 \先创建空的Object对象，再动态添加属性/方法 \适用于开始不确定对象的内部数据，但是语句过多 var p = new O

我不是女神ヾ/ 2022年12月04日 02:21/ 0 赞/ 182 阅读

相关 js中使用工厂方法创建对象

代码如下： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" />

偏执的太偏执、/ 2022年10月29日 09:08/ 0 赞/ 150 阅读

相关工厂模式创建对象

工厂模式创建对象不会使用new操作符，而是返回一个对象字面量。例子： function Animal(name) { return { ru

一时失言乱红尘/ 2022年08月22日 12:21/ 0 赞/ 190 阅读

相关对象的创建方法一之------工厂模式

1. 代码 function createPerson(name,age,obj){ var o = new Object();

小灰灰/ 2022年06月10日 02:56/ 0 赞/ 184 阅读

相关 javascript工厂模式创建对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

心已赠人/ 2022年05月12日 05:36/ 0 赞/ 232 阅读

相关 JS创建对象（工厂模式、构造函数模式、原型模式）

虽然Object构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。所以开始使用工厂模式的一个变体来解决这个

亦凉/ 2022年04月10日 02:29/ 0 赞/ 262 阅读

相关 JS_工厂模式

<!DOCTYPE html> <html> <head> <title></title> </head> <body>

淡淡的烟草味﹌/ 2022年03月28日 07:56/ 0 赞/ 163 阅读