JS 추상 공장 모델 분석
추상 적 인 공장 모델(Abstract Factory)은 클래스 의 추상 을 통 해 업 무 를 하나의 제품 클래스 의 창설 에 적용 하고 특정한 제품 의 실례 를 책임 지지 않 는 다.
JS 에 서 는 직접적인 추상 류 가 없고 abstract 는 보존 문자 이지 만 아직 실현 되 지 않 았 기 때문에 우 리 는 유형의 방법 에서 추상 류 를 모 의 하 는 오 류 를 던 져 야 한다.만약 에 계승 하 는 하위 클래스 에서 이 방법 을 다시 쓰 지 않 고 호출 하면 오 류 를 던 질 것 이다.
const Car = function() { }
Car.prototype.getPrice = function() {return new Error(' ')}대상 을 대상 으로 하 는 언어 에 추상 적 인 공장 모델 이 있다.먼저 추상 적 인 유형 을 아버지 로 하고 특정한 제품 에 필요 한 특징 을 요약 하 며 이 아버지 류 의 자 류 를 계승 하려 면 아버지 류 에서 성명 하 는 방법 을 실현 하여 아버지 류 에서 설명 하 는 기능 을 실현 해 야 한다.
/**
* subType superType
* @param subType
* @param superType type
*/
const VehicleFactory = function(subType, superType) {
if (typeof VehicleFactory[superType] === 'function') {
function F() {
this.type = ' '
}
F.prototype = new VehicleFactory[superType]()
subType.constructor = subType
subType.prototype = new F() // subType superType ，
} else throw new Error(' ')
}
VehicleFactory.Car = function() {
this.type = 'car'
}
VehicleFactory.Car.prototype = {
getPrice: function() {
return new Error(' ')
},
getSpeed: function() {
return new Error(' ')
}
}
const BMW = function(price, speed) {
this.price = price
this.speed = speed
}
VehicleFactory(BMW, 'Car') // Car
BMW.prototype.getPrice = function() { // getPrice
console.log(`BWM price is ${this.price}`)
}
BMW.prototype.getSpeed = function() {
console.log(`BWM speed is ${this.speed}`)
}
const baomai5 = new BMW(30, 99)
baomai5.getPrice() // BWM price is 30
baomai5 instanceof VehicleFactory.Car // true추상 적 인 공장 을 통 해 특정한 클 러 스 터 제품 을 만 들 수 있 고 인 스 턴 스 of 를 통 해 제품 의 유형 을 검사 할 수 있 으 며 이런 클 러 스 터 에 필요 한 방법 도 갖 추고 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다. 예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
