javascript设计模式-简单工厂模式

一枚攻城狮

于 2018-11-01 16:33:07 发布

阅读量151

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js工厂模式

本文链接：https://blog.youkuaiyun.com/qq575792372/article/details/83622750

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的工厂模式，通过实例演示了如何创建不同的动物对象，如猫和鸟，而无需直接调用构造函数。工厂模式使得代码更加灵活，易于扩展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工厂模式：使用者不需要关注怎么创建的示例，只需要根据具体需要去工厂获得对象即可。

<!DOCTYPE html>
<html>
<head>
    <meta chart="utf-8" />
    <title>工厂模式</title>
</head>
<body>
    <script>
        var Cat = function(){
            this.name="i'm a Cat"
        }
        Cat.prototype.getName = function(){
            console.log(this.name)
        }

        var Bird = function(){
            this.name="i'm Bird"
        }
        Bird.prototype.getName = function(){
            console.log(this.name)
        }

        var AnimalFactory = function(obj){
            switch (obj){
                case "cat":
                return new Cat();
                case "bird":
                return new Bird;
            }
        }

        // 通过工厂来创建对象
        var cat = new AnimalFactory("cat");
        cat.getName();
        var bird = new AnimalFactory("bird")
        bird.getName();

    </script>
</body>
</html>