JavaScript对象模式——动态原型模式

于 2020-10-08 22:29:20 发布
阅读量304 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DebbyOctober/article/details/108969707
版权
动态原型模式是一种编程技巧，它在构造函数中封装所有信息，并确保仅在第一次实例化时初始化原型。这种方法避免了后续实例化时的重复初始化，提高了效率。通过共享已初始化的原型，`run`方法只需被创建一次，导致`console.log(1)`只会输出一次，体现了原型模式的资源优化特性。
摘要由CSDN通过智能技术生成

5》动态原型模式

动态原型模式：是将所有的信息（属性和方法）都封装在构造函数中，而通过构造函数来初始化原型（只初始化一次）
解决：第一个对象实例化的时候就初始化原型，后面的就不需要初始化
#判断一下：

由于obj1先执行一次函数内的代码，那么run方法就共享一次，共享完之后obj2再去new的时候，this.run 已经=“function”，那么就不初始化了。因此打印1只会出来一次。

喋喋小菜鸡
关注
JS继承机制的深入理解--动态原型存在的问题与解决
qq_21972621的博客
05-13 1130
JS继承机制的深入理解--动态原型存在的问题与解决 对象创建的运行机制：首先new的时候(还没有进入到构造函数内部)，环境会为拿到默认的对象原型，然后去创建这个对象(也就是该新建的对象会得到原型的属性和方法，”得到”不是很准确，实际是共享的)，然后再去执行构造函数内部去实例化其他属性。
javascript -- 创建对象 原型模式
一个憨憨的前端之路
11-29 819
   每个函数都会创建一个 prototype 属性， 这个属性是一个对象， 包含应该由特定引用类型的实例共享的属性和方法。 实际上，这个对象就是通过调用构造函数创建的对象的原型。    使用原型对象的好处是， 在它上面定义的属性和方法可以被对象实例共享。 原来在构造函数中直接赋值给对象实例的值， 可以直接赋值给它们的原型， 如下所示： function Person() {} Person.prototype.name = "Jin"; Person.prototype.age = 18; Person.
js 动态原型（prototype）模式
08-14 389
在将这个模式几乎是原封不动的照搬上来，一个是觉得这个模型更有OO的特点，另一个也是方便记忆。（其实对于前一种的混合模型【构造函数与原型混成】个人也没有觉得太多不适应。）有其他OO语言经验的开发人员在看到独立的构造函数和原型时，很可能会感到非常困惑。动态原型模式正式致力于解决这个问题的一个方案，它把所有信息都封装在了构造函数中，而通过在构造函数中初始化原型（在必要情况下），又保持了同时使用构造函数和原
js设计模式：动态原型模式
仰望星空的代码
07-31 509
动态原型模式 有其他 OO 语言经验的开发人员在看到独立的构造函数和原型时，很可能会感到非常困惑。动态原型模式正是致力于解决这个问题的一个方案，它把所有信息都封装在了构造函数中，而通过在构造函数中初始化原型（仅在必要的情况下），又保持了同时使用构造函数和原型的优点。换句话说，可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。来看一个例子。 function Person(na...
javascript创建对象的方法--动态原型模式
weixin_34026484的博客
05-05 139
javascript创建对象的方法--动态原型模式 一、总结 1、作用：解决组合模式的属性和函数分离问题  2、思路：基本思路和组合模式相同：共用的函数和属性用原型方式，非共用的的函数和属性用构造函数的方式   二、javascript创建对象的方法--动态原型模式 动态原型方法 动态原型方法的基本想法与混合的构造函数原型方式相同，即在构造函数内定义非函数属性，而函数属性则利用原型属...
js面向对象-动态原型方法
Prothi
06-19 132
最近在读javascript高级程序设计，其中的对象基础一章感觉讲的很好，下面把其中有用的东西分享一下。 看如下js构造类的一个示例: function Car(sColor, iDoors, iMpg) { this.color = sColor; this.doors = iDoors; this.mpg ...
javascript 面向对象编程.pdf javascript 设计模式与开发实践.pdf
03-07
这两本书——"JavaScript 面向对象编程.pdf"和"JavaScript 设计模式与开发实践.pdf"将深入探讨这些主题。 面向对象编程在JavaScript中主要体现在三个方面：封装、继承和多态。封装是指将数据和操作数据的方法捆绑在...
GOF设计模式（三）——原型模式和基于原型集成的JavaScript对象系统
RaeZhang的博客
04-27 318
在传统的面向对象编程语言中（如Java,C#）, 类和对象就像柏拉图所说的“模子”和姜饼人，所有的姜饼人（对象）总是从模子（类）中创建而来，类生成实例就像厨师用模子做出姜饼人。而在原型编程的思想中，类并不是必须的，对象未必从类中创建，而是通过克隆另一个对象得到。为了更清晰地了解原型模式，将其与面向对象编程的思想区分开，我们先来了解一下一种轻巧又基于原型的语言—— Io语言。 IO语言 Io语言在2...
设计模式——原型模式（TypeScript版）
qq_34106891的博客
04-21 848
一、定义 用原型实例指定创建对象的种类，并且通过拷贝这些原型，创建新的对象。简言之就是通过克隆来创建一个一模一样的对象。 二、javascript中原型和原型链 与java、C#这样以类为中心的编程语言不同，javascript是基于原型的面向对象编程语言，其根本就是原型和原型链，为了更好的理解JavaScript中的实现原型模式，首先了解一下JavaScript中的原型和原型链。 2....
Javascript oop设计模式 面向对象编程简单实例介绍
10-20
JavaScript中的面向对象编程（OOP）是编程领域中一种重要的设计模式，它允许开发者通过类和对象的概念来组织代码，从而提高代码的可维护性和复用性。在JavaScript中，由于语言特性，OOP实现与传统面向对象语言略有...
javascript设计模式 - 动态原型模式
lume博客
08-17 374
动态原型模式 其实就是在 函数里 加个判断 ， 为了解决 多次实例化后 ，产生多个共同的方法 ！ function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]; if(typeof this.run != "function"){ console.log("o...
javascript （对象定义）动态原型模式
Draven
08-30 846
 这个主要做法就是，通过检查某个应该存在的方法是否有效，是否需要初始化原型。这个是通过构造函数中初始化原型，可以保存同时使用构造函数和原型的优点。 代码演示： function Person(name,age,job){ this.name=name; this.age=age; this.job=job; if (typeof thi
javascript设计模式介绍（五）动态原型模式
u010378313的博客
04-22 555
有其他 OO语言经验的开发人员在看到独立的构造函数和原型时，很可能会感到非常困惑。 动态原型模式正是致力于解决这个问题的一个方案，它把所有信息都封装在了构造函数中，而通过在构造函数中初始化原型（仅在必要的情况下），又保持了同时使用构造函数和原型的优点。 换句话说，可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。 来看一个例子。 function Person(name,
JS 原型模式之 动态原型模式
liubangbo的专栏
11-15 563
function Utils() { if(typeof Utils.initialized == "undefined"){ console.log("prototype init"); Utils.prototype.utilsFunc1 = function () { console.log("utilsFunc1"); ...
JS动态原型
陈春春的技术博客
02-13 371
这种方式将所有信息都封装在了构造函数中,而通过在构造函数中初始化原型(仅在必要的情况下),又保持了同时使用构造函数和原型的优点。换句话说,可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。function Person(name, age, sex) { // attrs this.name = name; this.age = age; this.s
动态原型模式 js
weixin_30354675的博客
07-03 76
动态原型模式 function Person(name,age){ this.name = name; this.age = age; if(typeof this.sayName != "function"){ Person.prototype.sayName = function(){ alert(this.nam...
JavaScript实现普通队列（ES5动态原型模式）
qq_40816360的博客
02-08 172
队列结构 function Queue() { this.items = []; if (typeof this.enqueue != 'function') { Queue.prototype.enqueue = function(element) { this.items.push(element); }; ...
JS中使用动态原型模式、寄生构造函数模式、稳妥构造函数模式创建对象
Stan的专栏
04-10 1455
承接上一篇,在JS中组合使用构造函数模式与原型模式创建对象今天接着说剩下几种模式： 动态原型模式 寄生构造函数模式（parasitic） 稳妥构造函数模式（durable）动态原型模式动态原型模式把所有信息都封装到构造函数中，而通过在构造函数中初始化原型（仅在必要的条件下），又保持了同时使用构造函数和原型的优点。即可以检查某个应该存在的方法是否有效，来决定是否需要初始化原型，看下面： functio
6.2.5 动态原型模式
boysky0015的博客
05-17 244
6.2.5 动态原型模式 所谓的动态原型模式就是在构造函数中可以初始化原型方法。它同时保持了使用构造函数和原型的优点。 function Person6(name,age) { this.name = name; this.age = age; if(typeof this.sayName != 'function') { Person6.prototype...
JavaScript对象创建：字面量、构造函数与模式解析
此外，JavaScript还有一种更高级的创建对象的方式——原型模式。原型是JavaScript实现继承的基础，每个对象都有一个名为`__proto__`的隐式属性，它链接到构造函数的原型。通过修改构造函数的`prototype`属性，可以为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值