美文网首页
工厂函数(factory)与构造函数(constructor)

工厂函数(factory)与构造函数(constructor)

作者: SingleDiego | 来源:发表于2019-05-22 08:47 被阅读0次
工厂函数(factory)
// 工厂函数
function createCircle(radius) {
  return {
    radius,
    draw: function() {
      console.log('draw');
    }
  };
};

使用工厂函数新建对象:

// 工厂函数的调用
const circle = createCircle(1);
circle.draw();




构造函数(constructor)
// 构造器函数
function Circle(radius) {
  this.radius = radius;
  this.draw = function() {
    console.log('draw');
  };
};

使用构造函数创建新对象:

// 构造器函数的调用
const circle = new Circle(1);
circle.draw();

注意,构造函数没有 return 关键字;使用 new 关键字来创建新对象。

相关文章

  • 工厂函数(factory)与构造函数(constructor)

    工厂函数(factory) 使用工厂函数新建对象: 构造函数(constructor) 使用构造函数创建新对象: ...

  • JS常见设计模式

    常见的一些设计模式 构造函数模式(Constructor) 工厂模式(factory) 工厂模式和构造函数模式每次...

  • JavaScript 设计模式

    创建型模式工厂 (Factory)构造函数模式 (Constructor)原型 (Prototype) - 实现对...

  • JS设计模式

    *工厂模式factory *构造函数模式constructor *单例模式single *混合模式mixin *模...

  • 设计模式之工厂方法模式

    设计模式之工厂方法模式 又称虚拟构造函数、Virtual Constructor、Factory Method 一...

  • 前端设计模式

    构造函数模式 constructor ,prototype ,new 工厂模式 factory ,创建一个对象,r...

  • 原型与原型链

    构造函数与原型 JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,...

  • ES6面向对象

    类声明与构造函数 class 声明类constructor 构造函数 继承与超类

  • JavaScript----类和继承

    类 构造函数Person中有一个构造函数constructor 调用构造函数的时候先调用constructor 继...

  • 2018-11-22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

网友评论

      本文标题:工厂函数(factory)与构造函数(constructor)

      本文链接:https://www.haomeiwen.com/subject/sbgezqtx.html