在JS中如何通过原型模式创建对象（一）

最新推荐文章于 2022-07-15 11:03:10 发布
最新推荐文章于 2022-07-15 11:03:10 发布
阅读量403 收藏
点赞数
分类专栏： 前端js&jquery&css 文章标签： prototype 原型模式 前端创建对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NC_star/article/details/102891856
版权

     在js中可以像“后端”一样使用原型模式创建对象。在调式的过程中，发现原型模式的确可以创建对象，而且相当于引用类型，也就是说，比如通过它来创建两个对象，那么这两个对象创建完后，若其中一个对象改变了原型模式中的属性的值，那么另一个对象也会受到影响，这也就是说不管创建多少个对象，那么这些对象都指向同一个存储空间，这也就是原型模式的一个优势，避免了资源的浪费，因为所有通过它创建的对象，都指向同一个内存空间。测试代码如下：

NC_star
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript -- 创建对象 原型模式
一个憨憨的前端之路
11-29 806
   每个函数都会创建一个 prototype 属性， 这个属性是一个对象， 包含应该由特定引用类型的实例共享的属性和方法。 实际上，这个对象就是通过调用构造函数创建的对象的原型。    使用原型对象的好处是， 在它上面定义的属性和方法可以被对象实例共享。 原来在构造函数中直接赋值给对象实例的值， 可以直接赋值给它们的原型， 如下所示： function Person() {} Person.prototype.name = "Jin"; Person.prototype.age = 18; Person.
js创建对象-----原型
Element
09-10 455
前言 原型创建对象是基于构造函数创建对象来的，就是为了解决构造函数创建对象的缺点（重复造车轮，浪费内存）。 构造函数有prototype属性（一个指针），他指向一个新的区域，这个新的区域用来存放属性和实例方法，实例对象可以共享这些方法和属性，需要的时候就调用。 内置对象（Array）和构造函数的比较 var arry = new Array(23,"dwdw"); ...
JS中“创建对象”及“通过原型创建对象”浅析
Loliner`s Blog
06-19 650
这两天重新看着李炎恢的JavaScript视频学习了一遍，在看到第十五章 面向对象及原型 的时候，感觉必须要把所讲的知识点总结一下，以便今后查看： （备注：查看该篇博客时，请结合视频及视频课件） 一、创建对象的几种方式 1、各自独立声明模式 var box1 = new Object(); //声明第一个对象并给各属性赋值 box1.name = 'Lee'; box1.age =
原型模式 - 对象创建
生活需要深度
02-11 283
原型模式是用于创建重复的对象，同时又能保证性能。原型是实现了一个原型接口，该接口用于创建当前对象的克隆。当直接创建对象的代价比较大时，则采用这种模式。例如，一个对象需要在一个高代价的数据库操作之后被创建。我们可以缓存该对象，在下一个请求时返回它的克隆，在需要的时候更新数据库，以此来减少数据库调用。 1. 介绍 意图：原型指定创建对象的种类，并通过拷贝这些原型创建新的对象。 主要解决：在运行期建立和删除原型。 何时使用：1、当一个系统应该独立于他的产品光剑，构成和表示时。2、当要实例化的类是在运行时刻
JavaScript 创建原型对象的方法
lemonree的博客
08-03 369
1.使用Object.create（）创建 var Person = { name: 'lm', age: 24, do: function () { console.log(this.name + ' can sing!'); } }; function createOne(name) { var s = Object.create(...
JavaScript中创建对象的模式汇总
10-22
本文给大家js创建对象的模式包括对象字面量，工厂模式，构造函数模式，原型模式，结合构造函数和原型模式，原型动态模式 ，感兴趣的朋友参考下
在javascript中创建对象的各种模式解析
01-19
最近在看《javascript高级程序设计》（第二版） javascript中对象的创建 •工厂模式 •构造函数模式 •原型模式 •结合构造函数和原型模式 •原型动态模式 面向对象的语言大都有一个类的概念，通过类可以创建多...
浅析在javascript中创建对象的各种模式
11-25
最近在看《javascript高级程序设计》（第二版） javascript中对象的创建 •工厂模式 •构造函数模式 •原型模式 •结合构造函数和原型模式 •原型动态模式 面向对象的语言大都有一个类的概念，通过类可以创建多...
JavaScript中创建对象的7种模式详解
12-09
创建自定义对象最简单的方式就是创建一个Object的实例，然后再为他添加属性和方法，如下所示： var person = new Object();、person.name = "liubei";person.age = 29; person.job = "shayemuyou"; pers
根据原型创建对象
weixin_30426879的博客
03-21 72
使用Object.create()方法可以使用指定的对象和可选的属性创建一个新的对象，其语法格式如下： Object.create(proto[,props]); 这是一个静态方法，参数proto指定一个对象，该对象作为新建对象的原型对象，参数props指定新增的属性，是可选的。 Object.cretae()方法的功能相当于将新建对象的原型对象作为参数proto，同时使用Objec...
原型模式-创建对象
u013862108的博客
01-25 298
原型模式 操作： 先创建好一个原型对象，然后通过clone 原型对象来创建新的对象。这就免去了类创建时重复的初始化操作。 原型模式适用于大对象的创建。如果每次new 就会消耗很大，原型模式仅需要内存拷贝即可。 index.php 中 $prototype = new Imooc\Canvas(); $prototype->init(); //需要做很多很复...
JavaScript使用原型创建对象
zhuhai__yizhi的专栏
05-06 503
/** * 将行为设置为全局的执行，如果将所有的是方法都设置为全局函数的时候， * 这个函数就可以被window调用，此时就破坏了对象的封装性。 * 而且某个类有大量的方法，就会导致整个代码中充斥着大量的全局函数。 */ /* function Person (name, age) { this.name = name;
关于JS原型对象的创建
黄彪博客
12-04 433
使用js的prototype属性的时候，创建对象的方式是存在优先级的 1、如果方法中存在构造方法就先使用方法中的构造方法 2、如果方法中不存在构造方法则继续查找prototype原型的构造方法   class_obj_js_class function a(name){ //alert(name);//弹出的值是undefined //alert(null==
JS原型+构造函数创建对象
06-06 1138
JS原型+构造函数创建对象   JavaScript对象的创建方式 在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式，例如： ? 1 2 3 4 5 6 var o1 = {     p:”I’m in O
JS中使用原型模式创建对象
Linda的前端开发路
05-28 3230
JS中prototype，__proto__，constructor的关系，JS中使用原型模式创建对象。
JavaScript创建对象之原型模式
qq_36465347的博客
04-24 157
构造函数模式创建对象的方式，构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的（实例识别）。 但是利用构造函数模式创建出来的每个对象，都拥有一份自己的属性和方法，拥有自己的属性是无可厚非的，但是方法应该是要共有的，不应该每个实例都有一份，每个对象都拥有一份方法的话，也会多占用内存空间。 于是基于构造函数的原型模式就有了，原型模式解决了方法或者属性不能共有的问题，在原型模式...
图解JavaScript原型模式创建对象
一起的远方的博客
01-04 416
JavaScript面向对象这一块的底层原理是很难掌握的，基本是看了忘，忘了再看的循环过程。最近深入理解new运算符底层原理的时候，又看了一遍关于面向对象这一块的知识点，从而有了新的认识。本篇只讨论基于原型模式创建对象，对涉及到的知识点只做简单补充，后续进行细化和整体的对比。 function Person() { } Person.prototype.name = "...
js—创建对象方式、使用原型
qq_21383977的博客
03-28 713
JS是一门动态型语言：对象没有的属性，只要点了那么这个对象就有了这个属性，但是该属性没有赋值，输出就是undefined一、创建对象四种方式//1、字面量方式 var cat={ name:'花花', age:2, sex:'女', eat:functio...
JavaScript：创建对象（原型模式和构造函数模式）
m0_47147246的博客
07-15 152
JavaScript：创建对象（原型模式和构造函数模式）
用js原型模式创建一个对象，编写代码并输出
最新发布
05-11
好的，以下是使用原型模式创建一个对象的示例代码： ```javascript // 构造函数 function Person(name, age) { this.name = name; this.age = age; } // 添加方法到原型 Person.prototype.sayHello = function()...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值