JavaScript基础知识-使用工厂方法创建对象

简介: 本文介绍了JavaScript中使用工厂方法来创建对象的基础知识。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用工厂方法创建对象</title>

    <script type="text/javascript">

        /**
         *  使用工厂方法创建对象:
         *      顾名思义,通过该方法可以大批量的创建对象。
         *      这样做的好处就是不用每次创建相同类型的对象就得拷贝一堆代码,从而实现了代码的复用性。
         *
         *  温馨提示:
         *      使用工厂方法创建的对象,使用的构造函数都是object,所以创建的对象都是object这个类型,就导致我们无法区分出多种不同类型的对象。
         *      综上所述,工厂方法创造对象的方法了解即可,我们更常用的是构造方法(也就是我们常说的类)。
         */
        function FactoryPerson(name,age,address) {
            // 创建一个新的对象
            var obj = new Object();

            // 向对象添加属性
            obj.name = name;
            obj.age = age;
            obj.address = address;
            obj.sayHello = function () {
                console.log("I'm %s, and have %d years old. By the way, I live in %s",this.name,this.age,this.address)
            }

            // 返回新的对象
            return obj;
        }

        // 批量产生对象
        var obj1 = FactoryPerson("孙悟空",500,"花果山");
        var obj2 = FactoryPerson("蜘蛛精",300,"盘丝洞");
        var obj3 = FactoryPerson("如来佛祖",1000,"大雷音寺");

        obj1.sayHello();
        obj2.sayHello();
        obj3.sayHello();

    </script>
</head>
<body>

</body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
2月前
|
JavaScript 前端开发
js创建对象| 25
js创建对象| 25
|
6月前
|
JavaScript
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
|
6月前
|
设计模式 JavaScript 前端开发
JavaScript工厂模式:创建对象的简便方式!
JavaScript工厂模式:创建对象的简便方式!
|
5月前
|
JavaScript 前端开发
深入解析JavaScript中的面向对象编程,包括对象的基本概念、创建对象的方法、继承机制以及面向对象编程的优势
【6月更文挑战第12天】本文探讨JavaScript中的面向对象编程,解释了对象的基本概念,如属性和方法,以及基于原型的结构。介绍了创建对象的四种方法:字面量、构造函数、Object.create()和ES6的class关键字。还阐述了继承机制,包括原型链和ES6的class继承,并强调了面向对象编程的代码复用和模块化优势。
48 0
|
6月前
|
JavaScript 前端开发
JavaScript构造函数模式:创建对象的另一种方式!
JavaScript构造函数模式:创建对象的另一种方式!
|
12月前
|
JavaScript 安全 前端开发
js创建对象的七种方式
js创建对象的七种方式
|
JavaScript 前端开发
JavaScript 使用对象字面量创建对象、使用new Object创建对象
JavaScript 使用对象字面量创建对象、使用new Object创建对象
119 0
|
JavaScript 前端开发 Java
JavaScript创建对象和封装
JavaScript创建对象和封装
64 0
|
设计模式 JavaScript 前端开发
|
前端开发
前端学习笔记202306学习笔记第三十五天-js-创建对象的两种方式1
前端学习笔记202306学习笔记第三十五天-js-创建对象的两种方式1
43 0