构建者模式

最新推荐文章于 2024-10-02 05:39:15 发布

星空与猫

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量99

点赞数

分类专栏：设计模式总结

本文链接：https://blog.csdn.net/qq_43388107/article/details/112291803

版权

javascript

设计模式总结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

构建者模式

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>构建者模式</title>
</head>

<body>
    <script>
        var studentCount = 0;//记录创建的次数

        function Student() { }
        function StudentBuilder() {
            this.student = new Student();
        }
        StudentBuilder.prototype.setName = function (name) {
            this.student.name = name;
        }

        StudentBuilder.prototype.setGender = function (gender) {
            this.student.gender = gender;
        }

        StudentBuilder.prototype.setHairLength = function (hairLength) {
            this.student.hairLength = hairLength;
        }

        StudentBuilder.prototype.build = function () {
            studentCount++;
            return this.student;
        }

        
        var builder = new StudentBuilder();
        builder.setName('王花花');
        builder.setGender('男');
        builder.setHairLength(2);

        var whh = builder.build();
        console.log(whh);
        console.log(studentCount);


        var builder2 = new StudentBuilder();
        builder2.setName('李栓蛋');
        builder2.setGender('女');
        builder2.setHairLength(2);

        var lsd = builder2.build();
        console.log(lsd);
        console.log(studentCount);

    </script>
</body>

</html>