[js]js设计模式-构造函数模式

Posted 毛台

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[js]js设计模式-构造函数模式相关的知识,希望对你有一定的参考价值。

构造函数模式

function WriteJsPerson(name,age) {
    this.name=name; //不用手动创建obj
    this.age = age;
    this.writeJs=function () {
        console.log(this.name+"hello")
    };
    //不用写return语句了
}


p2 = new WriteJsPerson("yifei",23); //执行方法和普通函数有所区别, 类是func类型, 实例是对象数据类型
p2.writeJs();

console.log("----------------------------");
console.log(typeof p2);
console.log(typeof WriteJsPerson);

构造函数和工厂模式区别

1,执行时候

普通函数-> createJsPerson()
工厂模式-> new CreateJsPerson(),返回值是该类的一个实例.

var arr=[];
var arr = new Array[]; //(构造函数方法创建)arr是数据类的一个实例

所有的类都是函数数据类型   CreateJsPerson
所有的实例都是对象数据类型  p2

2. 写的时候

不用手动新建 obj --自动会创建
不会返回 obj    --自动会返回

以上是关于[js]js设计模式-构造函数模式的主要内容,如果未能解决你的问题,请参考以下文章

关于js的设计模式(简单工厂模式,构造函数模式,原型模式,混合模式,动态模式)

[js]js设计模式-构造函数模式

JS-[工厂模式&构造函数&prototype]

js设计模式--工厂模式

JS面向对象——构造函数模式和原型模式

js之构造函数原型模式