Detailed explanation of how to use the builder mode of JS design pattern

// Product category: Computerclass Computer {
  private processor: string;
  private memory: number;
  private storage: number;
  constructor(
    public processor: string,
    public memory: number,
    public storage: number
  ) {}
  public getSpecs(): void {
    (
      `Processor: ${} | Memory: ${}GB | Storage: ${}GB`
    );
  }
}
// Abstract Builder Interfaceinterface ComputerBuilder {
  setProcessor(processor: string): void;
  setMemory(memory: number): void;
  setStorage(storage: number): void;
  build(): Computer;
}
// Specific builder Aclass GamingComputerBuilder implements ComputerBuilder {
  private computer: Computer;
  constructor() {
    // The default configuration of computer products is: Intel i7, 16G memory, 512G hard disk     = new Computer("Intel i7", 16, 512);
  }
  // Build processor type  setProcessor(processor: string): void {
     = new Computer(
      processor,
      ,
      
    );
  }
  // Build memory size  setMemory(memory: number): void {
     = new Computer(
      ,
      memory,
      
    );
  }
  // Build hard disk size  setStorage(storage: number): void {
     = new Computer(
      ,
      ,
      storage
    );
  }
  // A method for obtaining the final product  build(): Computer {
    return ;
  }
}
// Specific builder Bclass OfficeComputerBuilder implements ComputerBuilder {
  private computer: Computer;
  constructor() {
     = new Computer("Intel i5", 8, 256);
  }
  setProcessor(processor: string): void {
     = new Computer(
      processor,
      ,
      
    );
  }
  setMemory(memory: number): void {
     = new Computer(
      ,
      memory,
      
    );
  }
  setStorage(storage: number): void {
     = new Computer(
      ,
      ,
      storage
    );
  }
  build(): Computer {
    return ;
  }
}
// Commanderclass ComputerDirector {
  private builder: ComputerBuilder;
  constructor(builder: ComputerBuilder) {
     = builder;
  }
  constructComputer(): Computer {
    ("Intel i7");
    (16);
    (512);
    return ();
  }
}
// Client codeconst gamingBuilder: ComputerBuilder = new GamingComputerBuilder();
const officeBuilder: ComputerBuilder = new OfficeComputerBuilder();
const gamingDirector: ComputerDirector = new ComputerDirector(gamingBuilder);
const gamingComputer: Computer = ();
(); // Output: Processor: Intel i7, Memory: 16GB, Storage: 512GBconst officeDirector: ComputerDirector = new ComputerDirector(officeBuilder);
const officeComputer: Computer = ();
(); // Output：Processor: Intel i5, Memory: 8GB, Storage: 256GB

const xhr = new XMLHttpRequest();
("GET", "/data"); // Build url and method("Content-Type", "application/json"); // Build request header = function () {
  // Build callbacks  if ( ===  &&  === 200) {
    ();
  }
};
(); // Build the request body

// Not a strict builder design patternconst div = ("div"); // Note that the interpreter design pattern is also used here("container");
("width", "300px");
("height", "200px");
const heading = ("h1");
(heading);
(div);