JS Factory

最新推荐文章于 2023-11-16 13:40:38 发布

原创最新推荐文章于 2023-11-16 13:40:38 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了JavaScript中的Factory函数，它类似于构造函数，用于创建类对象，但返回的是一个object实例。Factory函数是对象实例化的另一种方式，对于理解和扩展JavaScript对象的创建有重要作用。

Factory

Factory类似Construct函数；
是用于构建一个类对象的函数；
返回一个object；C

function MemberFactory(){
  this.createMember = function(name,type){
    let member;

    if(type === 'simple'){
      member = new SimpleMembership(name);
    }else if(type ==='standard'){
      member = new StandardMembership(name);
    }else if(type ==='super'){
      member = new SuperMembership(name);
    }

    member.type = type;

    member.define = function(){
      console.log(`${this.name} (${this,type}): ${this.cost}`);
    }

    return member;
  }
}

const SimpleMembership = function(name){
  this.name = name;
  this.cost = `$5`;
}

const StandardMembership = function(name){
  this.name = name;
  this.cost = `$15`;
}

const SuperMembership = function(name){
  this.name = name;
  this.cost = `$25`;
}

const member = [];
const factory = new MemberFactory();

member.push(factory.createMember('Jack','simple'));
member.push(factory.createMember('John','simple'));
member.push(factory.createMember('Jill','simple'));
member.push(factory.createMember('Jacy','standard'));
member.push(factory.createMember('Jable','super'));
console.log(member);

member.forEach(function(member){
  member.define();
});