工厂模式-前端设计模式

本文介绍了工厂模式和迭代器模式在JavaScript中的应用。通过示例代码展示了如何使用工厂模式创建产品类及其功能,并将其与流水线操作相联系。同时,解释了迭代器模式用于容器类遍历的实现,使得数据的访问更加有序和便捷。

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

工厂模式 分析这个名词
工厂的作用就是分工执行操作
一个工厂里面很多流水线的操作,分工到不同的岗位

通俗的来说创建类 和这个类里面的功能希望可以分开

<script>
		// 工厂里面的流水线
        class Product {
            constructor(name) {
                this.name = name
            }

            init() {
                console.log(this.name);
            }
        }

		// 这个就是工厂
        class Factory {
            constructor(name) {
                this.name = name
            }
            create() {
                return new Product(this.name)
            }
        }

        let factory = new Factory('222')
        let p = factory.create()
        p.init()
    </script>

场景: 这个代码是迭代器的原理代码,使用的就是工厂模式

 <script>
        class Iterator {
           constructor(container) {
               this.list = container.list
               this.index = 0
           }

           next() {
               if(this.hasNext()) {
                return   this.list[this.index++]
               }
           }

           hasNext() {
               if(this.index < this.list.length) {
                   return true
               } else {
                   return false
               }
           }

        }
        class Container {
            constructor(list) {
                this.list = list
            }
            // 生成遍历器
            getIterator() {
                return new Iterator(this)
            }
        }

        let container = new Container([1,2,3,4,5,6])
        let iterator = container.getIterator()

        while(iterator.hasNext()) {
            console.log(iterator.next());
        }

        let arr  = [1,2,3]
        console.dir(arr)
    </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值