JS 构造函数怎么实现工厂模式批量生产-js教程-PHP中文网

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

构造函数可通过静态方法实现工厂模式，即用new this()批量创建同类型实例，支持继承、数据预处理和校验，且避免硬编码类名与实例方法滥用。

js 构造函数怎么实现工厂模式批量生产

JS 构造函数本身不直接“是”工厂，但可以通过在构造函数（或 class）上定义静态方法，把它变成一个**可复用的批量实例生成器**——这就是构造函数结合工厂模式的核心实践。

静态工厂方法：用 new this() 批量创建同类型实例

在 class 或 function 构造器中添加静态方法，接收数据数组，内部循环调用 new this(...)，自动适配当前类（包括子类），避免硬编码类名：

ES6 class 示例：

class Product {<br>  constructor(name, price) {<br>    this.name = name;<br>    this.price = price;<br>  }<br>  static fromList(data) {<br>    return data.map(item => new this(item.name, item.price));<br>  }<br>}<br>const items = Product.fromList([{name: 'Laptop', price: 999}, {name: 'Mouse', price: 29}]); // 两个 Product 实例

function 构造器同样适用（注意不能用箭头函数）：

function User(name, role) {<br>  this.name = name;<br>  this.role = role;<br>}<br>User.fromArray = function(data) {<br>  return data.map(u => new this(u.name, u.role || 'user'));<br>};<br>const users = User.fromArray([{name: 'Alice'}, {name: 'Bob', role: 'admin'}]);

增强型工厂：支持预处理、校验与初始化钩子

真实业务中，原始数据常需清洗、过滤或补充默认值。静态工厂方法天然适合内聚这些逻辑：

先 filter 剔除空/非法项
再 map 创建实例，并统一设置默认属性
可选传入回调函数，在每个实例创建后执行额外操作（如日志、关联 ID 分配等）

示例：

User.fromArray = function(data, options = {}) {<br>  const { defaultRole = 'user', onCreated } = options;<br>  return data<br>    .filter(item => item && typeof item.name === 'string')<br>    .map(item => {<br>      const inst = new this(item.name, item.role || defaultRole);<br>      if (onCreated) onCreated(inst);<br>      return inst;<br>    });<br>};

继承友好：子类调用父类静态工厂，自动创建子类实例

关键在于始终使用 new this() 而非 new ParentClass()。这样子类调用时，this 指向子类自身：

class Admin extends User {<br>  constructor(name, role) {<br>    super(name, role);<br>    this.level = 'high';<br>  }<br>}<br>const admins = Admin.fromArray([{name: 'Tom'}]); // 返回的是 Admin 实例，不是 User