이 글은 js의 템플릿 메소드 패턴에 대한 설명을 주로 소개합니다. 이제는 모든 사람과 공유합니다. 필요한 친구들이 참고할 수 있습니다.
* 공통점을 분리하세요
function Beverage() {} Beverage.prototype.boilWater = function() { console.log("把水煮沸"); } Beverage.prototype.brew = function() { throw new Error('子类必须重写brew方法'); } Beverage.prototype.pourInCup = function() { throw new Error('子类必须重写pourInCup方法'); } Beverage.prototype.addCondiments = function() { throw new Error('子类必须重写addCondiments方法'); } Beverage.prototype.init = function() { this.boilWater(); this.brew(); this.pourInCup(); this.addCondiments(); } function Coffee() {} Coffee.prototype = new Beverage(); Coffee.prototype.brew = function() { console.log("用沸水冲泡咖啡"); } Coffee.prototype.pourInCup = function() { console.log("把咖啡倒进杯子"); } Coffee.prototype.addCondiments = function() { console.log("加糖和牛奶"); } var coffee = new Coffee(); // coffee的原型Coffee没有init方法, // 顺着原型链委托给父类的Beverage原型上的init方法 coffee.init(); console.log("-------------------------"); function Tea() {} Tea.prototype = new Beverage(); Tea.prototype.brew = function() { console.log("用沸水浸泡茶叶"); } Tea.prototype.pourInCup = function() { console.log("把茶水倒进杯子"); } Tea.prototype.addCondiments = function() { console.log("加柠檬"); } var tea = new Tea(); tea.init();
이상이 이 글의 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 참고해주세요!
관련 권장 사항:
Font Awesome을 사용하여 Vue.js를 통해 작은 아이콘을 구현하는 방법
위 내용은 js의 템플릿 메소드 패턴에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!