设计模式(3)

70 阅读1分钟

1、介绍

image.png

image.png

image.png

image.png

image.png

image.png

  • 如何学习 显得非常重要

image.png

  • 如何 成为 大师 ---> 刻意训练 !

2、真实面试题 加深理解

image.png

  • 要求 image.png

image.png

  • 代码展示
   class Car{
        constructor(name,number){
            this.name = name ,
            this.number = number
        }
    }

     class KuaiCar extends Car{
        constructor(name,number){
            super(name,number)
            this.price = 1
        }
    }

    class ZhuanCar extends Car{
        constructor(name,number){
            super(name,number)
            this.price = 2
        }
    }

    class Trip {
        constructor(car){
            this.car = car
        }

        start(){
            console.log(`行程开始,名称:${this.car.name},车牌号:${this.car.number}`)
        }

        end(){
            console.log(`行程结束,价格为:${this.car.price * 5} `)
        }
    }

    // test
    const zhauncar = new ZhuanCar('保时捷',918)
    const mancar = new KuaiCar('比亚迪',33)
    const trip = new Trip(mancar)
    trip.start()
    trip.end()
  • 展示结果 非常 nice

image.png

image.png

image.png

image.png

  • 代码 暂且 不看 后续补充