JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例

第JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例目錄前言組合設(shè)計(jì)模式的業(yè)務(wù)場(chǎng)景組合設(shè)計(jì)模式小案例

前言

組合設(shè)計(jì)模式是用于將多個(gè)部分通過組合的方式行成一個(gè)整體，就比如我們?nèi)コ燥?，點(diǎn)了一份米飯和一份魚香肉絲，這些東西可以看成一個(gè)部分，通過組合的方式可以組成一個(gè)新的產(chǎn)品，魚香肉絲蓋飯，這就是組合設(shè)計(jì)模式

組合設(shè)計(jì)模式的業(yè)務(wù)場(chǎng)景

表單用于收集用戶數(shù)據(jù)，比如登錄，注冊(cè)，或者一些信息填報(bào)，由于這些表單都是類似的，如果我們一個(gè)一個(gè)去做，里面充滿了很多重復(fù)的東西，增加了工作量，我們可以使用組合設(shè)計(jì)模式

組合設(shè)計(jì)模式小案例

一個(gè)餐館的運(yùn)轉(zhuǎn)需要一些雇傭一些人手，但是這些雇傭的人手都有一個(gè)共同點(diǎn),我們需要對(duì)其支付一定的薪酬作為勞動(dòng)的回報(bào)，其次他們還需擔(dān)負(fù)某些任務(wù)職責(zé)，可能需要向某人匯報(bào)餐館情況，也有可能會(huì)擁有下屬等等,我們來實(shí)現(xiàn)一下

聲明一個(gè)員工類，我們對(duì)于新招聘員工需要提供三個(gè)參數(shù)，員工姓名，員工薪資和員工所任職崗位，還可進(jìn)行獲取員工姓名，對(duì)員工的薪資進(jìn)行獲取和修改以及獲取員工當(dāng)前任職職位和對(duì)員工進(jìn)行調(diào)崗的操作

classStaff{

//員工名員工薪資員工崗位

constructor(name,salary,position){

=name;

this.salary=salary;

this.position=position;

//獲取員工名字

getName(){

return;

//修改員工薪資

setSalary(salary){

this.salary=salary;

//獲取員工薪資

getSalary(){

returnthis.salary;

//設(shè)置員工崗位

setPosition(position){

this.position=position;

//獲取員工崗位

getPosition(){

returnthis.position;

在聲明一個(gè)店鋪類，店鋪類是對(duì)新招聘員工進(jìn)行添加到該店鋪人員中，以及對(duì)于該店鋪員工的職位信息進(jìn)行查看和對(duì)當(dāng)前用工成本進(jìn)行統(tǒng)計(jì)

classStoreMembers{

constructor(){

//店鋪人員總職員

this.employees=[];

//往店鋪總職員添加員工

addEmployee(employee){

this.employees.push(employee);

//獲取店鋪職員總開銷

getNetSalaries(){

letnetSalary=0;

netSalary=this.employees.reduce((total,currt)=total.getSalary()+currt.getSalary())

returnnetSalary;

//獲取店鋪職員信息名單

getPositionList(){

return(this.employees.map(res=({name:res.getName(),position:res.getPosition(),salary:res.getSalary()})))

我們對(duì)新招聘員工進(jìn)行添加到店鋪總職員中并且獲取到該店鋪對(duì)于職員的總開銷以及獲取店鋪總職員信息名單

//創(chuàng)建倆個(gè)員工類實(shí)例

constxh=newStaff("小紅",12000,'服務(wù)員');

constxm=newStaff("小明",10000,'收銀員');

//創(chuàng)建店鋪類

conststoreMembers=newStoreMembers();

//往店鋪中添加新的職員

storeMembers.addEmployee(xh);

storeMembers.addEmployee(xm);

//獲取店鋪職員的總薪資

console.log("職員薪資總額：",storeMembers.getNetSalaries());

//獲取店鋪職員總職位信息

console.log("職員總職位信息：",storeMembers.getPosit