JS原型对象prototype以及原型链

最新推荐文章于 2024-09-15 16:55:13 发布
最新推荐文章于 2024-09-15 16:55:13 发布
阅读量356 收藏
点赞数
文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BearStarX/article/details/103407210
版权
本文介绍了JavaScript中的堆栈概念，重点讲解了原型对象和原型链。原型对象作为新对象的模板，通过this共享属性给新对象。原型链是通过prototype属性形成的，允许对象间共享方法和属性。在实例解析中，解释了原型只在内存中创建一次，而构造函数每次new都会创建新的实例。属性搜索理论阐述了查找属性的顺序，先在实例自身查找，然后在原型中查找。通过示例展示了原型链的工作原理。
摘要由CSDN通过智能技术生成

一、堆栈

堆&栈:
两者都是存放临时数据的地方。
栈是先进后出的，就像一个桶，后进去的先出来，它下面本来有的东西要等其他出来之后才能出来。
堆是在程序运行时，而不是在程序编译时，申请某个大小的内存空间。即动态分配内存，对其访问和对一般内存的访问没有区别。对于堆，我们可以随心所欲的进行增加变量和删除变量，不用遵循次序。
栈区（stack） 由编译器自动分配释放 ，存放函数的参数值，局部变量的值等。
堆区（heap） 一般由程序员分配释放，若程序员不释放，程序结束时可能由OS回收。
堆（数据结构）：堆可以被看成是一棵树，如：堆排序；
栈（数据结构）：一种先进后出的数据结构。

二、原型对象&原型链

1、原型对象：

原型对象是新对象的模板，它将自身的属性通过this共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性。

个人理解类似于子类与父类关系，创建的实例类似于原型对象的子类，虽然子类可以调用父类的属性和方法，但是在JS里面有限制，则在原型对象设置了this的属性和方法才能够被子类调用获取，若没有this的属性和方法仅仅只是原型对象自身可以使用。这点一定要注意！

2、原型链：

实际上，在每个函数对象创建的时候，都会自带一个prototype的属性，

最低0.47元/天 解锁文章
BugBear1989
关注
专栏目录
Js 原型对象 prototype
hotboyboy的博客
04-28 395
prototype 1 函数的prototype属性 每个函数都有一个prototype属性，它默认指向一个Object空对象（原型对象），原型对象中有一个属性constructor，它指向函数对象 <script> var Fn = function(){} console.log(Fn); console.log(Fn.prototype) </script> 2 给原型对象添加属性（一般是方法） 函数的
Javascript讲解系列之一 Prototype原型链
weixin_30696427的博客
05-27 281
以前没有写博客的习惯，许多的技术积累都是自己稍微总结一下，很少共享，并非自私，而是工作比较忙，前几天接到一个电话面试不理想，才发现公司所用的DOJO并不被外面广泛接受，故而决定把自己所学分享出来，为夯实基础，也为与外界交流思想，形成一种渠道，如需联系，请发送至邮箱：diydyq@126.com。 今天写Javascript系列之第一篇：Prototype原型链。在软件园里随便拉一个码...
【JavaScript】原型对象 (prototype) 详解
最新发布
lph159的博客
09-15 801
在 JavaScript 中，每个对象都有一个内置属性，称为（在一些实现中被访问为__proto__），它指向另一个对象，这个对象就是该对象的原型（prototype）。当访问对象的属性或方法时，如果该对象本身没有定义该属性或方法，JavaScript 引擎就会沿着原型链去寻找，直到找到为止。原型链是一种机制，它将对象串联起来，形成了一条查找路径。JavaScript 的原型对象prototype是其继承机制的核心。
prototype原型链
覃大畅的博客
02-23 717
prototype原型链 基础 首先需要明白，构造函数/__proto__/原型对象/构造器 构造函数: function Fn() { this.foo = ‘haha’; } // Fn为构造函数 var f1 = new Fn(); // f1是Fn构造函数创建的对象 __proto__: 在创建对象的时候，都会有一个属性__proto__，它指向构造函数的原型对象prototyp...
js prototype 原型对象
07-20 183
每个函数都有一个prototype属性，这个属性是指向一个对象的引用， 这个对象称为原型对象，原型对象包含函数实例共享的方法和属性 用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性， 可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。 每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函
简述原型与原型链
weixin_34392435的博客
07-15 472
构造函数的缺点 JavaScript 通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。 function Cat (name, color) { this.name = name; this.color = color; } var cat1 = new Cat('大毛', '白色'); cat1.name // '大毛' cat1...
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
10-19
本文将深入探讨原型对象、原型链的概念，并通过实例解析它们的工作原理。 首先，每个函数都有一个名为`prototype`的属性，它指向一个对象，即构造函数的原型对象。例如，在以下代码中，`CreateObj.prototype`是指向...
详解js中的原型，原型对象，原型链
10-15
在JavaScript中，原型、原型对象和原型链是理解面向对象编程的关键概念。下面将深入解析这三个概念，并通过实例展示它们的工作原理。 首先，**原型**是JavaScript中的一个核心概念，它允许对象之间共享属性和方法。...
浅谈JS原型对象和原型链
10-22
在创建新对象时，例如`var obj = new f()`，JavaScript会将父类`f`的`prototype`赋值给新对象`obj`的`__proto__`属性，形成原型链。这个链允许对象查找不在自身但存在于其构造函数原型上的属性。在例子中，`obj`的...
原型对象 prototype
XYHplus的博客
11-23 242
原型对象 prototype 包含： 函数和原型 (function & prototype) 对象和隐式原型 (object & __proto__) 原型和隐式原型 (prototype & __proto__) 原型和构造器（prototype & constructor） 原型链 (prototype chain) 函数和对象间的关系(function & obj) 1.函数和原型 (function & prototype) .
原型对象（prototype）
MoLvSHan的博客
06-28 1167
我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。即：通过调用构造函数而创建的那个对象实例的原型对象。 function Person(){}; Person.prototype.name='Nicholas'; Person.prototype.age=29; Person.proto...
Javascript prototype 原型链，看这一篇就够了
蛋黄酱来一勺
10-04 233
JS本身不是面向对象语言，并没有类的支持。这不妨碍很多人对面向对象的热爱。因此，在ES2015之前，我们经常看到这样创建实例： function Pet(species) { this.species = species; } Pet.prototype.getSpecies = function() { return this.species; } var cat1 = new Pet('cat'); console.log(cat1.getSpecies()); // 结果："cat" 再用pr
js高级-原型对象prototype
qiaoyangla的博客
02-27 449
构造函数方法很好用，但是存在浪费内存的问题。 function Star(uname,age){ this.uname = uname; this.age = age; this.sing = function(){ console.log('我会唱歌'); } } var ldh = new Star('刘德华',18); var zxy = new Star('张学友',19); 构造函数原型prototype JavaScript规.
JS Prototype原型链详解
ngd-b的博客
03-31 1191
以为理解的很清楚了，遇到问题了，卧槽、把自己搞蒙了。 问题复现(都是模拟、并非源代码)： // 公用模块 var parent = function(option){ this.option = option; } parent.prototype = { print:function(){ console.log(this.option.name); } } // 功能模块调用 ...
prototype原型对象-constructor构造器-包装对象
Black_Straight的博客
06-05 586
prototype原型对象-constructor构造器-包装对象
原生JS基础 原型对象(prototype) 对象原型(__proto__) 原型链
m0_63531550的博客
04-04 282
原生JS基础 原型对象(prototype) 对象原型(__proto__) 原型链
深入理解JavaScript之prototype原型以及原型链
邹呦呦_
03-02 193
什么是原型？ 函数一旦创建就有一个prototype属性，该属性指向一个对象，该对象就是prototype对象，即原型对象。 总结：原型就是一个对象，即prototype对象。 原型的作用是：共享方法 构造函数在实例化对象的时候，每创建一个实例对象就会开辟空间存放构造函数中的属性和方法，如下： var Person = function(name,age){ this.name = name;...
Js 原型对象与原型链(转)
weixin_30271335的博客
02-01 300
原文出处 原创作者: abruzzi 原文图文并茂，很好的说明了原型链的原理，在这里感谢原文作者把文章写的那么通俗易懂。 原型对象 　　每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下，每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。 原型链 　　由于原型对象本身也是对象，根据上边的定义，它也有自己的原型...
JavaScript原型、原型对象与原型链深度解析
"详解js中的原型，原型对象，原型链" 在JavaScript中，原型（Prototype）是一种机制，它使得对象可以继承其他对象的属性和方法。这个机制是基于原型链（Prototype Chain）实现的，是JavaScript面向对象编程的核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值