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

摘要:工厂函数,顾名思义,就是通过一个"工厂的加工" 来创建一个函数,这种操作在需要创建多个相似对象时可以有效地减少重复代码,但是这样有个缺点就是

工厂函数,顾名思义,就是通过一个"工厂的加工" 来创建一个函数

//工厂函数
function createPerson(name,sex){
    sex = sex == '男' ? '女' : sex  // '加工'
    return {
        name:name,
        sex:sex
    };
}
 
var p =createPerson('张三','男');


这种操作在需要创建多个相似对象时可以有效地减少重复代码,但是这样有个缺点就是,每次调用工厂函数创建的对象都是独立的object,不存在继承关系,显然,这样的面向对象编程失去了灵魂

于是, 对象构造函数就出现了

//构造函数
function Person(name,sex){ //注意:构造函数函数名首字母要大写, 用以区别普通函数
    this.name = name;
    this.sex = sex
}
 
var p = new Person('张三','男');

使用构造函数有几个要注意的点

1.构造函数创建的对象的constructor对象引用的是该构造函数, 即

p.constructor === Person //true

2.在调用构造函数时要使用new关键字,在使用了new关键字后,内部进行了四个步骤:

  - 构造函数创建一个空对象

  - 构造函数里的this指向该空对象

  - 空对象的内部原型指向构造函数的原型对象

  - 构造函数执行完之后, 如果没有return的话, 就把该空对象返回


3.如果不使用new 关键字,调用构造函数时,就会当成普通的函数调用,里面的this 指向的就是window,且如果没有return就不会返回;


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_4685