招聘微信小程序系统_JS 创建对象的模式实例小结

2021-01-05

JS 创建对象的模式实例小结       这篇文章主要介绍了JS 创建对象的模式,结合实例形式总结分析了JS 创建对象的各种常用模式,包括工厂模式、构造函数模式、原型模式、组合构造和原型模式、动态原型模式、寄生构造函数模式、稳妥构造模式等,需要的朋友可以参考下
1.工厂模式

抽象了创建具体对象的过程,创建了一种函数,封装特定的接口创建对象的细节。

新建一个对象 定义属性和方法 return刚新建的对象
var person1 = createPerson("name1", "age1", "job1"); var person2 = createPerson("name2", "age2", "job2");

存在问题:

没有解决对象识别的问题(怎么识别对象的类型)

2.构造函数模式 不显式创建对象 直接将属性和方法定义在this中 没有return 通过 new操作符调用
var person1 = new Person("name1", "age1", "job1"); var person2 = new Person("name2", "age2", "job2");

存在问题:

每个方法都要在实例上创建一次 3.原型模式

创建的每一个函数都有prototype原型属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。

所有原生引用类型都在其构造函数的原型上定义了方法

function Person{
Person.prototype.name="name"
Person.prototype.age="age"
Person.prototype.job="job"
Person.prototype.sayHi=function(){
 console.log(this.name)
var person1=new Person()
var person2=new Person()

存在问题:

所有属性是被很多实例共享的 4.组合构造和原型模式

构造函数用来定义实例属性,原型模式用来定义方法和共享的属性

function Person(name, age, job) {
 this.name = name;
 this.age = age;
 this.job = job;
Person.prototype={
 constructor:Person;
 sayHi:function(){
 console.log(this.name)
var person1 = new Person("name1", "age1", "job1");
5.动态原型模式

这里对原型的修改,能够对所有实例生效,只在初次调用构造函数会执行

function Person(name,age,job){
 this.name=name;
 this.age=age;
 this.job=job;
 if(typeof this.sayHi !="function" ){
 Person.prototype.sayHi=functong(){
 console.log(this.name)
var person1 = new Person("name1", "age1", "job1");
6.寄生构造函数模式

工厂模式+构造函数

返回的对象与构造函数、构造函数的原型属性之间没有关系 不能依赖instanceof来去定对象原型 不建议使用


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866