javascript工厂函数(factory function)vs构造函数(constructor function)

如果你从其他语言转到javascript语言的开发,你会发现有很多让你晕掉的术语,其中工厂函数(factory function)和构造函数(constructor function)就是其中的一个。本文试图理顺这两者之间的区别.

Factory functions

工厂函数是将返回一个新的object的任何不是类或者构造函数的函数。在js中,任何函数都能够返回一个object.如果我们不是通过new function()的方式来获得这个对象的,那么她就是一个factory工厂函数.

function person(firstName, lastName, age) {
  const person = {};
  person.firstName = firstName;
  person.lastName = lastName;
  person.age = age;
  return person;
}

上面的js代码会创建一个new object并且将传入的参数赋值给到该object的属性上,并且返回该new object.

Constructor functions

工厂函数和构造函数区别仅仅在于其用户场景use case以及约定俗成的convention不同,基本上两者是相似的。对于构造函数,人们惯例convention使用首字母大写方式来表示这是一个constructor构造函数.构造函数往往其use case是需要需要通过 new 关键字调用返回类似对象的场景,并且随后我们可以通过 instanceof 关键字来做实例类型检查的场景。

function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
}

通过new关键字来创建新的对象objects

如上面所说,工厂函数和构造函数基本上是一样的,你现在估计有以下问题:

1. 我们可以对工厂函数来使用 new 关键字吗?

2.如果针对工厂函数和构造函数,我们使用 new 关键字将会发生什么呢?

3. 如果针对构造函数并不使用 new 关键字去创造对象会怎么样呢?

下面我们将试图回答上面的几个问题.

我们先使用new关键,应用到工厂函数和构造函数身上,并且console.log打印以下,看看有什么不同.

使用 new factory 函数

https://medium.com/@chamikakasun/javascript-factory-functions-vs-constructor-functions-585919818afe

原文地址:https://www.cnblogs.com/kidsitcn/p/11569803.html

时间: 2024-10-18 10:19:09

javascript工厂函数(factory function)vs构造函数(constructor function)的相关文章

js工厂函数创建对象与对象构造函数的理解

工厂函数,顾名思义,就是通过一个"工厂的加工" 来创建一个函数 //工厂函数 function createPerson(name,sex){ sex = sex == '男' ? '女' : sex // '加工' return { name:name, sex:sex }; } var p =createPerson('张三','男'); 这种操作在需要创建多个相似对象时可以有效地减少重复代码,但是这样有个缺点就是,每次调用工厂函数创建的对象都是独立的object,不存在继承关系,显然,这样

JavaScript中的构造函数和工厂函数

JavaScript中的工厂函数 1 function crateHero (name,blood,weapoon) { 2 var o = new Object(); 3 o.name = name; 4 o.blood = blood; 5 o.weapoon = weapoon; 6 o.attch = function () { 7 console.log(this.name+"用"+this.weapoon+"进行了攻击"); 8 } 9 return o

用工厂函数封装对象

工厂函数是在方法中建立一个Object空对象,然后再对此对象添加属性和方法,然后把Object对象返回 <html> <head> <title>工厂函数封装对象</title> <script type="text/javascript"> // 工厂函数模式封装对象 //特点:返回结果为对象的函数,在用工厂函数创建对象的时候,一定要new function fn(nianling){ var obj=new object(

Javascript我学之六对象工厂函数与构造函数

本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘. 概述 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法. 然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象. 1).使用工厂函数创建对象 我们可以编写一个函数,此函数的功能就是创建对象,可将其称为“对象工厂方法”. 1 //工厂函数 2 function createPerson(name, age, job) { 3 var o = new Object(); 4 o.name

对象工厂函数与构造函数

本文内容: 1.概述 2.使用工厂函数创建对象 3.定义对象“构造”函数 4.对象的constructor属性 5.以普通方式调用的对象“构造”函数 ★概述: 使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法.然而,除了这两种常用的对象创建方式,JavaScript还提供了其他方法创建对象. ★使用工厂函数创建对象 我们可以编写一个函数,此函数的功能就是创建对象,可以将其称为“对象工厂方法”. ★ 定义对象“构造”函数 注意点:对象构造函数首字母大写:内部使用this关

[从jQuery看JavaScript]-匿名函数与闭包(Anonymous Function and Closure)

jQuery片段: [javascript] view plaincopyprint? (function(){ //这里忽略jQuery所有实现 })(); (function(){//这里忽略jQuery所有实现})(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的第一眼,我就迷糊了.为什么只有一个匿名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数库了?于是,我抱着疑问来到CSDN.结果相信现在很多人都很清楚了(因为

JAVASCRIPT与PHP工厂函数

JAVASCRIPT:a. 代码: function createObj(name) { var obj = { name:name, showName:function(){ console.log(this.name) } } return obj; } var obj1 = createObj('lee_1'); var obj2 = createObj('lee_2'); obj1.showName() obj2.showName() b. 输出: lee_1 lee_2 PHP:a.

JavaScript系列----函数(Function)篇

1.函数 在W3C中函数的定义是这么说的:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.    诚然,从这种抽象的定义中我们得不到什么有价值的东西.下面,举例来列举出函数的几种定义方式: function add(num1, num2) { return num1 + num2; } var add = function (num1, num2) { return num1 + num2; }//这是比较常见的两种 //下面两种比较少见var add=new Function("n

关于Javascript中通过var关键字声明变量和function关键字声明函数的笔记

一.概念 1.变量声明 在JavaScript中,变量一般通过var关键字(隐式声明,let关键字声明除外)进行声明,如下通过var关键字声明a,b,c三个变量(并给其中的a赋值): var a=1,b,c; //关键字显式声明变量a,b,c,并给a赋值console.log(a); //1 //由于b,c未定义变量类型,因此输出"undefined"console.log(b); //undefinedconsole.log(c); //undefined //如果变量未声明,则输出