停車場UML類圖--面向對象

• 某停車場，分3層，每層100車位
• 每個車位都能監控到車輛的駛入和離開
• 車輛進入前，顯示每層的空余車位數
• 車輛進入時，攝像頭可識別車牌號和時間
• 車輛出來時，出口顯示器顯示車牌號和停車時長

UML 類圖

邏輯代碼示例

 // 車輛
 class Car {
   constructor(num) {
     this.num = num   // 車牌號
   }
 }

 // 攝像頭
 class Camera {
   shot(car) {
     return {
       num: car.num,  // 記入車牌號
       inTime: Date.now() // 記入車輛進入的時間
     }
   }
 }
 
 // 出口顯示屏
 class Screen {
   show(car, inTime) {
     console.log('車牌號', car.num)
     console.log('停車時間', Date.now() - inTime) // 該車牌號待的時長
   }
 }
 // 停車場
 class Park {
   constructor(floors) {
     this.floors = floors || [] // 停車場樓層
     this.camera = new Camera() // 攝像頭實例
     this.screen = new Screen() // 顯示器實例
     this.carList = {} // 存儲攝像頭拍攝返回的車輛信息
   }
   in(car) {
    // 通過攝像頭獲取信息
    const info = this.camera.shot(car)
    // 停到某個車位
    const i = parseInt(Math.random() * 100 % 100)
    const place = this.floors[0].places[i]
    place.in()
    info.place = place
    // 記錄信息
    this.carList[car.num] = info
   }
   out(car) {
    // 獲取信息
    const info = this.carList[car.num]
    // 將停車位清空
    const place = info.place
    place.out()
    // 顯示時間
    this.screen.show(car, info.inTime)
    // 清空紀錄
    delete this.carList[car.num]
   }
   emptyNum() {
    return this.floors.map(floor => {
      return `${floor.index} 層還有 ${floor.emptyPlaceNum()} 個空閑車位`
    }).join('\n')
   }
 } 

 // 層
 class Floor {
   constructor(index, places) {
     this.index = index           // 第幾層
     this.places = places || []   // 停車位
   }
   // 該層的停車位還有幾個停車位是空閑的
   emptyPlaceNum() {
     let num = 0
     this.places.forEach(p => {
       if (p.empty) {
         num = num + 1
       }
     });
     return num
   }
 }

 // 車位
 class Place {
   constructor() {
     this.empty = true  // 當前停車位是否是空閑狀態
   }
   in() {
     this.empty = false
   }
   out() {
     this.empty = true
   }
 }


 // 測試-----
 // 初始化停車場
 const floors = []  // 假設有停車場為三層
 for (let i = 0; i < 3; i++) {
   const places = []  // 假設每層停車場共有100個停車位
   for (let j = 0; j < 100; j++) {
     places[j] = new Place()  // 創建100個停車位
   }
   floors[i] = new Floor(i + 1, places) // 創建停車場的樓層
 }
//  console.log(floors)
 const park = new Park(floors)
 console.log(park)
 // 初始化車輛
 const car1 = new Car(100)
 const car2 = new Car(200)
 const car3 = new Car(300)

 console.log('第一輛車進入')
 console.log(park.emptyNum())
 park.in(car1)
 console.log('第二輛車進入')
 console.log(park.emptyNum())
 park.in(car2)
 console.log('第一輛車出去')
 park.out(car1)