当前位置：网站首页>Builder pattern

Builder pattern

2022-06-10 05:36:00 【Qwe7】

Two 、 Builder pattern

The builder pattern focuses on the details of creating objects , The structure of complex objects or composite objects created with this pattern will be very clear

1、 Example of builder mode

For example, there is a recruitment agency , Now there are a batch of paper resumes or resume data information , In order to make a unified electronic resume , We need to sort this information out , How do we do it

// Before using builder mode 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
    
    var data = [
        {
            name: 'zhang san',
            age: 24,
            work: 'engineer'
        },
        {
            name: 'li si',
            age: 25,
            work: 'teacher'
        },
        {
            name: 'wang wu',
            age: 26,
            work: 'sb'
        },
    ]

    function Candidate(param) {
        var _candidate = {};
        _candidate.name = param.name
        _candidate.age = param.age;

        _candidate.firstName = _candidate.name.split(' ')[0];
        _candidate.secondName = _candidate.name.split(' ')[1];

        _candidate.work = {};

        switch(param.work) {
            case 'engineer': 
                _candidate.work.name = ' The engineer '
                _candidate.work.description = ' Love programming '
                break;
            case 'teacher': 
                _candidate.work.name = ' teacher '
                _candidate.work.description = ' Love to share '
                break;
            default:
                _candidate.work.name = param.work
                _candidate.work.description = ' nothing '
                break
        }

        _candidate.work.changeWork = function(work) {
            this.name = work
        }

        _candidate.work.changeDes = function(des) {
            this.description = des;
        }

        return _candidate
    }

    var candidateArr = []
    for (let i = 0; i < data.length; i++) {
        candidateArr[i] = Candidate(data[i])
    }

    console.log(candidateArr[0])

    candidateArr[1].work.changeWork('xxx')
    console.log(candidateArr[1].work)

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

// Builder pattern 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

    var data = [
        {
            name: 'zhang san',
            age: 24,
            work: 'engineer'
        },
        {
            name: 'li si',
            age: 25,
            work: 'teacher'
        },
        {
            name: 'wang wu',
            age: 26,
            work: 'sb'
        },
    ]
    function Candidate(param) {
        var _candidate = new Person(param);

        _candidate.name = new CreateName(param.name)
        _candidate.work = new CreateWork(param.work)
        
        return _candidate
    }

    function Person(param) {
        this.name = param.name
        this.age = param.age
    }

    function CreateName(name) {
        this.wholeName = name
        this.firstName = name.split(' ')[0]
        this.secondName = name.split(' ')[1]
    }

    function CreateWork(work) {
        switch(work) {
            case 'engineer': 
                this.name = ' The engineer '
                this.description = ' Love programming '
                break;
            case 'teacher': 
                this.name = ' teacher '
                this.description = ' Love to share '
                break;
            default:
                this.name = work
                this.description = ' nothing '
                break
        }
    }

    CreateWork.prototype.changeWork = function(work) {
        this.name = work
    }

    CreateWork.prototype.changeDes = function(des) {
        this.description = des
    }

    var candidateArr = []
    for (let i = 0; i < data.length; i++) {
        candidateArr[i] = Candidate(data[i])
    }

    console.log(candidateArr[0])

    candidateArr[1].work.changeWork('xxx')
    console.log(candidateArr[1].work)

    </script>
</head>
<body>
    
</body>
</html>
原网站

版权声明
本文为[Qwe7]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/160/202206091019248997.html

边栏推荐

猜你喜欢

随机推荐