Javascript面向对象编程 -- 设计模式

Cciradih 发布于2019-08-21 15:51 / 2654人阅读

摘要：组合构造函数原型模式解决构造传参和共享问题，可以组合构造函数原型模式不共享的使用构造函数共享的使用原型模式强制指向这种模式也是最常见也是最常用的模式，这种混合模式很好的解决了传参和引用共享的大难题。

写在前面:

之前的文章都是写构造函数，原型之类的。但是我们都知道原型最大的优点也是缺点就是共享。也是我们最头疼的问题.
据共享的缘故，导致很多开发者放弃使用原型，因为每次实例化出的数据需要保留自己的特性，而不能共享。

组合构造函数+原型模式

解决构造传参和共享问题，可以组合构造函数+原型模式

function Box(name, age) {         //不共享的使用构造函数
this.name = name;
this.age = age;
this.fruits = ["apple", "banana", "orange"];
};
Box.prototype = {                   //共享的使用原型模式
    constructor: Box,               //强制指向Box
    run: function() {
    return this.name + this.age + this.fruits;
        }
}

PS：这种模式也是最常见也是最常用的模式，这种混合模式很好的解决了传参和引用共享的大难题。是创建对象比较好的方法。

动态原型模式

原型模式，不管你是否调用了原型中的共享方法，它都会初始化原型中的方法，并且在
声明一个对象时，构造函数+原型部分让人感觉又很怪异，最好就是把构造函数和原型封装
到一起。为了解决这个问题，我们可以使用动态原型模式

动态原型模式:

function Box(name ,age) {                 //将所有信息封装到函数体内
this.name = name;
this.age = age;
if (typeof this.run != "function") {     //仅在第一次调用的初始化
Box.prototype.run= function() {
return this.name;
  };
 }
}
var box = newBox("Lee", 3);
alert(box.run())

第一次调用构造函数时， run()方法发现不存在，然后初始化原型。当第二次调用，就不会初始化，并且第二次创建新对象，原型也不会再初始化了。这样及得到了封装，又实现了原型方法共享，并且属性都保持独立.

注意:使用动态原型模式，千万不能使用字面量的方式重写原型，因为它会切断实例与新原型之间的联系！！！

这是Javascript OOP里面的其中两种设计模式，下一篇文章会讲寄生构造函数模式和稳妥构造函数模式。
还有最头疼的继承！

GPU云服务器云服务器 javascript面向对象编程 javascript面向对象编程指南面向对象设计模式面向对象编程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88287.html

SegmentFault 技术周刊 Vol.32 - 七夕将至，你的“对象”还好吗？

摘要：很多情况下，通常一个人类，即创建了一个具体的对象。对象就是数据，对象本身不包含方法。类是相似对象的描述，称为类的定义，是该类对象的蓝图或原型。在中，对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中，对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了，离年底老妈老爸...

李昌杰 2019-08-16 10:40 评论0 收藏0
SegmentFault 技术周刊 Vol.32 - 七夕将至，你的“对象”还好吗？

摘要：很多情况下，通常一个人类，即创建了一个具体的对象。对象就是数据，对象本身不包含方法。类是相似对象的描述，称为类的定义，是该类对象的蓝图或原型。在中，对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中，对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了，离年底老妈老爸...

Lyux 2019-06-28 13:32 评论0 收藏0
SegmentFault 技术周刊 Vol.32 - 七夕将至，你的“对象”还好吗？

摘要：很多情况下，通常一个人类，即创建了一个具体的对象。对象就是数据，对象本身不包含方法。类是相似对象的描述，称为类的定义，是该类对象的蓝图或原型。在中，对象通过对类的实体化形成的对象。一类的对象抽取出来。注意中，对象一定是通过类的实例化来的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 马上就要到七夕了，离年底老妈老爸...

AaronYuan 2019-08-20 18:55 评论0 收藏0
JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript

摘要：在中，并没有对抽象类和接口的支持。例如，当对象需要对象的能力时，可以有选择地把对象的构造器的原型指向对象，从而达到继承的效果。本节内容为设计模式与开发实践第一章笔记。动态类型语言编程语言按数据类型大体可以分为两类：静态类型语言与动态类型语言。静态类型语言在编译时已确定变量类型，动态类型语言的变量类型要到程序运行时，待变量被赋值后，才具有某种类型。而JavaScript是一门典型...

suxier 2019-08-21 10:44 评论0 收藏0
JavaScript面向对象编程——面向对象

摘要：面向对象面向对象的概述面向对象是什么面向对象编程的全称是，简称。面向对象编程是用抽象方式创建基于现实世界模型的一种编程。面向对象编程可以看做是使用一系列对象相互协作的软件设计。面向对象编程的山歌主要的特征是封装继承多态。面向对象面向对象的概述面向对象是什么面向对象编程的全称是Object Oriented Programming，简称OOP。面向对象编程是用抽象方式创建基于现实...

SimonMa 2019-08-26 12:10 评论0 收藏0
学Java编程需要注意的地方

摘要：学编程真的不是一件容易的事不管你多喜欢或是多会编程，在学习和解决问题上总会碰到障碍。熟练掌握核心内容，特别是和多线程初步具备面向对象设计和编程的能力掌握基本的优化策略。　　学Java编程真的不是一件容易的事,不管你多喜欢或是多会Java编程，在学习和解决问题上总会碰到障碍。工作的时间越久就越能明白这个道理。不过这倒是一个让人进步的机会，因为你要一直不断的学习才能很好的解决你面前的难题...

leanxi 2019-08-14 17:48 评论0 收藏0