# JavaScript 构建器模式教程 > 原文： [http://zetcode.com/javascript/builderpattern/](http://zetcode.com/javascript/builderpattern/) JavaScript 构建器模式教程展示了如何使用构建器模式在 JavaScript 中创建对象。 ## 构建器模式 构建器模式是一种设计模式，可为创建对象提供灵活的解决方案。 构建器模式将复杂对象的构造与其表示形式分开。 生成器模式通过提供逐步的方法，使用简单的对象来构建复杂的对象。 它属于创作模式。 ## 构建器模式示例 以下示例将构建器模式与`TaskBuilder`结合使用。 `task_creator.js` ```js let Task = function(name, description, finished, dueDate) { this.name = name; this.description = description; this.finished = finished; this.dueDate = dueDate; } let TaskBuilder = function () { let name; let description; let isFinished = false; let dueDate; return { setName: function (name) { this.name = name; return this; }, setDescription: function (description) { this.description = description; return this; }, setFinished: function (finished) { this.finished = finished; return this; }, setDueDate: function (dueDate) { this.dueDate = dueDate; return this; }, build: function () { return new Task(name, description, isFinished, dueDate); } }; }; let task = new TaskBuilder().setName('Task A').setDescription('finish book') .setDueDate(new Date(2019, 5, 12)); console.log(task); ``` 在此示例中，我们有一个`TaskBuilder`生成`Task`对象。 ```js let Task = function(name, description, finished, dueDate) { this.name = name; this.description = description; this.finished = finished; this.dueDate = dueDate; } ``` 这是一个`Task`对象。 它具有四个属性：`name`，`description`，`finished`和`dueDate`。 ```js return { setName: function (name) { this.name = name; return this; }, ... ``` `TaskBuilder`返回设置四个属性的函数。 请注意，每个函数都返回`this`，即对当前对象的引用。 这样，我们可以链接函数调用。 函数调用链称为流畅 API 。 ```js let task = new TaskBuilder().setName('Task A').setDescription('finish book') .setDueDate(new Date(2019, 5, 12)); console.log(task); ``` 我们使用`TaskBuilder`创建任务。 在本教程中，我们介绍了 JavaScript 中的构建器模式。 列出[所有 JavaScript 教程](/all/#js)。