JavaScript中的实例对象与原型对象

最新推荐文章于 2025-10-09 17:02:27 发布

星光璀璨技术之心

最新推荐文章于 2025-10-09 17:02:27 发布

阅读量94

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 原型模式开发语言 js

本文链接：https://blog.youkuaiyun.com/TechNovaX/article/details/133200395

js 专栏收录该内容

499 篇文章 ¥59.90 ¥99.00

订阅专栏

JavaScript中的每个对象都有一个原型对象，用于定义共享属性和方法。实例对象通过构造函数创建，可访问原型对象的属性和方法。原型继承机制允许对象共享属性，节省内存并增强代码可维护性。通过实例和原型的关系，可以实现方法调用，当在实例对象中找不到方法时，会在原型对象中查找。

在JavaScript中，每个对象都有一个原型对象，它定义了对象的共享属性和方法。当我们创建一个新对象时，我们可以使用原型对象作为模板，并将其作为该对象的原型。这种原型继承的机制使得对象可以共享属性和方法，从而节省内存并提高代码的可维护性。

实例对象是通过构造函数创建的对象，它们是原型对象的实例化。通过构造函数创建的对象可以访问原型对象中定义的属性和方法。

让我们通过一个例子来说明实例对象和原型对象之间的关系：

// 创建一个原型对象
var PersonPrototype = {
   
   
  introduce: function() {
   
   
    console.

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

星光璀璨技术之心

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

通俗讲解javascript的实例对象、原型对象和构造函数以及它们之间的关系

kxltsuperr的专栏

09-24

747

若没有，通过 __proto__找到上一级类看是否有方法，如果还没有，继续往上找，直至类成为null。刚才的测试我们已经可以确认，如果在类中添加了新的方法，对应的实例对象中，也可以使用这个方法，那么实例对象和原型对象（类）之间怎么建立的这种联系呢？下面有来了新的问题，实例对象p1中，并没有eat的方法【eat方法是原型对象（类）中的方法】，如下图。来了，在构造函数Person有一个prototype的属性，它就指向原型对象（类）。好，既然有了原型对象（类），那么，我就可以在类中添加方法了。

JS面向对象-原型对象，实例对象，构造函数的关系

每天进步一点点

05-17

5109

JS中每创建一个函数，该函数就会自动拥有一个prototype属性，为什么那？? 因为最根上的object拥有一个prototype属性，而js中所有的对象又都继承自object，所以js中所有的对象都拥有一个prototype属性，而在js中函数也是对象，所以js中每个函数也都有一个prototype属性。例如：function Person(){...} 和function Dog()

参与评论您还未登录，请先登录后发表或查看评论

JS - 构造函数、原型、实例对象三者的关系

Jackie_Snow的博客

10-03

1487

构造函数、原型、实例对象三者的关系以及它们身上的属性分析

js中构造函数.原型对象以及实例对象之间的关系

weixin_44134588的博客

08-19

736

构造函数是创建对象方式的一种, 可以使用new来进行实例化其中,构造函数首字母需要大写,构造函数中的this指向实例对象; 创建一个构造函数: function Star(uname, age, sex) { this.uname = uname; this.age = age; this.sex = sex } 实例化: let zs = new Star('张三', 23, '男') cons

构造函数，原型对象，实例对象，原型链之间的关系

小马过河

08-29

4287

1.构造函数，原型对象，实例对象三者之间的关系每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象(后期我们可以使用这个原型对象帮助我们在js中实现继承)。 原型对象上默认有一个属性constructor,该属性也是一个指针，指向其相关联的构造函数。通过调用构造函数产生的实例对象，都拥有一个内部属性，指向了原型对象。其实例对象...

JS原型链，原型、原型对象、实例对象的关系

weixin_52057903的博客

10-05

1449

JavaScript中的原型（prototype）、原型对象（prototype object）和实例对象（instance object）是面向对象编程中的重要概念，它们与JavaScript的继承和对象构造有关。在JavaScript中，原型、原型对象和实例对象之间可以相互转换访问。这是通过原型链来实现的，每个对象都有一个指向其原型的链接，可以使用不同的方式来访问它们之间的属性和方法。属性可以用来访问原型对象，但它不是标准的 JavaScript 方法，因此不推荐使用。实例对象的原型对象。

【JavaScript】理解构造函数、实例、原型三者之间的关系

往前爬的蜗牛

04-08

1896

原型：原型本质是一个对象，理解为 JavaScript 自动帮我们添加的,只要是构造函数，系统会默认的为构造函数关联一个对象，这个对象就称为构造函数的原型，写在原型中的成员，可以被构造函数所创建的实例调用。原型是 JavaScript 自动帮我们在定义构造函数的时候添加的。所有构造函数的实例，共享一个原型，原型上一般是挂载函数。图示理解：原型 proto Javascript 规定，每一个(构造)函数都有一个 prototype 属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的

举例说明JavaScript中的实例对象与原型对象

10-22

JavaScript中实例对象与原型对象是面向对象编程的重要概念，它们之间通过构造函数和原型链相互联系。在JavaScript中，每一个对象都有一个constructor属性，它指向创建该实例的构造函数。同时，每个函数都有一个...

举例说明JavaScript中的实例对象与原型对象_.docx

10-09

在JavaScript中，实例对象与原型对象是两种关键的概念，它们构成了JavaScript对象继承的基础。每当你创建一个新的对象实例，它都会有一个内部链接到它的构造函数的原型。这个原型对象包含了可以通过实例对象访问的...

JavaScript作用域、闭包、对象与原型链概念及用法实例总结

12-12

- **对象创建与访问**：JavaScript中的对象是属性的集合，可以用`new Object()`或`{}`创建。对象的属性可以使用点表示法或数组索引方式访问。例如： ```javascript var obj = {name: 'Alice'}; console.log(obj....

javascript中的三角关系

最新发布

weixin_42339193的博客

10-09

588

原型就像对象的「妈妈」，会把自己有的东西（属性 / 方法）「遗传」给孩子。比如所有的狗都会摇尾巴，但我们没必要给每只狗都写一遍摇尾巴的方法，只需要让「狗妈妈」（原型）会摇尾巴，那么所有小狗（实例对象）就都天生会摇尾巴了。// 狗妈妈（原型）wagTail: function() { console.log("摇尾巴～");// 小狗（实例对象），它的妈妈是 dogPrototype// 摇尾巴～（从妈妈那继承的）// 摇尾巴～（同样从妈妈那来的）如果小狗想做一件事，自己不会，就会问妈妈；

JavaScript的原型对象、实例和构造函数的关系

cql_fan的博客

05-29

1105

构造函数(Constructor)的本身其实就是我们常用的函数，传入一个或者多个参数，处理出我们想要的一个结果；而用于创建和初始化对象的函数，就称之为构造函数(Constructor)；常见的就是当我们使用“new”关键字去实例化一个函数的时候，此时，这个函数就被称为构造函数。// 这就是一个是函数// 此时，被调用实例化的函数就称之为构造函数const myworld = new MyWorld('史蒂芬', '0', '形象1')

js实例，原型，构造函数和原型链是什么关系

W1391517383的博客

04-12

345

这里写了简短的一个构造函数Parent，并通过它new了一个实例对象obj，而每个构造函数都有一个原型对象，通过Parent.prototype可以访问，且每个实例对象上也有一个属性__proto__指向Parent.prototype，就可以把共享的属性或方法放在原型上，实现继承。1、__proto__和[[prototype]]是同一个东西，脚本中没有可访问[[prototype]]的标准方式，但可以通过__proto__去访问对象的原型。

js中的实例对象及原型对象简单讲解

a6s6as的博客

01-05

449

/ 实例对象没有 prototype,因为prototype是为了被继承，但是实例对象不可再创建实例被继承。// 所以在逆向过程中，不清楚是实例对象还是原型对象，可以直接在控制台输出下是否有prototype这个属性。handsome_man.b = "3" // 实例对象不可继承。handsome_man.prototype.a = "2" // 实例对象可以继承。// 实例对象.__proto__.属性 = 原型对象.prototype.属性。

【Javascript】Javascript构造函数、实例对象与原型对象之间的关系，以及什么是原型链的全细节讲解

m0_53195900的博客

08-06

317

在javascript中，只要是对象就有__proto__属性，那么这个调用这个属性我们会得到什么呢？stu1.__proto__ //大家可以复制下来自行调用看看通过结果我们看到返回的是一个对象，这个对象也是原型对象。之前我们说过，只要是对象就有原型对象，那么原型对象也是对象，它肯定也会有原型对象，它的原型对象是什么呢我们来输出看一下//大家自行输出一下看看我们拿到的又是一个原型对象，通过查看constructor我们可以看到这个原型对象是Object()的。...

基础总结JS（5）：构造函数、实例对象、原型对象之间的关系

wangzhanxiaobai的博客

10-18

404

一、构造函数：构造函数和普通函数没什么不同，只是调用时不一样，用new操作符来调用。构造函数名默认首字母大写，与普通函数做区分，函数名即是新建实例的类型。 function Person(age, name) { this.age = age; this.name = name; } var person = new Person(20, '小花'); console.log(person instanceof Person); // true 二、理解原型对象： functi

JS中构造函数、实例对象和原型对象三者之间的关系