JavaScript设计模式——建造者模式

最新推荐文章于 2023-09-25 14:27:56 发布

u013063153

最新推荐文章于 2023-09-25 14:27:56 发布

阅读量419

点赞数 1

分类专栏： JavaScript JavaScript设计模式

本文链接：https://blog.csdn.net/u013063153/article/details/52565684

版权

JavaScript 同时被 2 个专栏收录

82 篇文章 0 订阅

订阅专栏

JavaScript设计模式

4 篇文章 0 订阅

订阅专栏

建造者模式

建造者模式可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。

主要用于"分步骤构建一个复杂的对象"，在这其中"分步骤"是一个稳定的算法，而复杂对象的各个部分则经常变化。

作用和注意事项

作用：

1.分步创建一个复杂的对象

2.解耦封装过程和具体创建的组件

3.无需关心组件如何组装

注意事项：

1.一定要一个稳定的算法进行支撑

2.加工工艺是暴露的

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
<script>
    //$.ajax就是一个建造者模式
    /*$.ajax({
        url:'a.php',
        success:function (argument) {

        }
    });*/


    function Fangzi() {
        this.woshi = '';
        this.keting = '';
        this.chufang = '';
    }

    function Baogongtou() {
        this.gaifangzi = function (gongren) {
            gongren.jian_chufang();
            gongren.jian_keting();
            gongren.jian_woshi();
        }
    }

    function Gongren() {
        this.jian_woshi = function () {
            alert("woshi is ok!");
        };
        this.jian_keting = function () {
            alert("keting is ok!");
        };
        this.jian_chufang = function () {
            alert('chufang is ok!');
        };
        this.jiaogong = function () {
            var _fangzi = new Fangzi();
            return _fangzi;
        }
    }

    var gongren = new Gongren;
    var baogongtou = new Baogongtou();
    baogongtou.gaifangzi(gongren);
    var myfangzi = gongren.jiaogong();
    console.log(myfangzi);

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

u013063153

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript设计模式——建造者模式

建造者模式建造者模式可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。主要用于"分步骤构建一个复杂的对象"，在这其中"分步骤"是一个稳定的算法，而复杂对象的各个部分则经常变化。作用和注意事项作用：1.分步创建一个复杂的对象2.解耦封装过程和具体创建的组件3.无需关心组件如何组装注意事项：1.一定要一个稳定的算法进行支撑2.
复制链接

扫一扫