JS原型与原型链的理解

最新推荐文章于 2025-02-13 20:23:19 发布
最新推荐文章于 2025-02-13 20:23:19 发布
阅读量263 收藏
点赞数
分类专栏： 前端基础 文章标签： js 原型链
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/daiwu4044/article/details/81840318
版权

每个对象都有一个隐式原型，函数也是对象所以函数也有。隐式原型指向了构造它的函数的原型对象。
函数除了有隐式原型外还有个显示原型prototype，指向了这个函数的原型对象。

tu.png

原型

  • 无论什么,只要创建了一个新函数就会根据一组特定的规则为该函数创建一个Prototype属性,这个属性指向的函数的原型对象

函数fn的prototype指向该函数的原型对象

原型对象

  • 所有的原型对象都会自动的获得一个constructor属性,它默认指向prototype属性所在的函数.

fn.prototype.constructor指向构造函数自己

实例

  • 构造函数通过new关键字创建了一个实例, 实例有个属性__proto__指向了原型对象.
    实例的__proto__属性指向构造函数的原型对象

简单总结：每个构造函数都有一个原型对象，每个原型兑现都有一个指针指向构造函数，每个实例都有一个指向原型对象内部的指针

原型链

  • 原型链是实现对象继承的主要方法
  • 基本思想: 利用原型让一个引用类型去继承另外一个引用类型的属性和方法.
  • 如果我们让原型对象等于另外一个类型的实例，那么此时的原型对象必然也包含一个指向另一个原型对象的指针，假如另一个原型对象又是另一个类型的实例，那么上述的关系是依然存在的，这样就形成了原型链~
  • 原型链的顶端是Object.__proto__
对js原型和原型链的理解
qq_45770253的博客
08-11 3428
       学习到 JavaScript 原型这个地方的时候，最开始是比较懵的状态，今天早上起来看了下红宝书中对于原型的解释，慢慢的也就有了些了解，但是解释的比较官方。接下来，我会把自己的理解分享下来，尽量用通俗易懂的话来描述。如果有什么不对的地方，希望大家指正。 1、原型 1.1 prototype        JavaScript 中，当我们创建一个函数的时候
JS原型与原型链的深入理解
10-20
JavaScript中关于原型与原型链的理解是深入学习该语言的一个重要环节。这篇文章为我们提供了深入探讨这个话题的机会，并详细解释了普通对象与函数对象之间的区别，原型的概念，原型链的工作原理，以及constructor...
js中的原型和原型链的理解
留白声的博客
05-18 270
原型和原型链的理解 先来总结一波，如下图： 简单的了解一下原型： 所有的引用类型都拥有__proto__属性（隐式原型），是一个普通的对象 所有的函数（function）都拥有prototype属性（显式原型），是一个普通对象 引用类型的__proto__属性指向其构造函数的prototype属性 在使用原型时，尽量避免在隐式类型上操作 综上所述 function Anima(){} //函数Anima拥有prototype属性 //引用类型 a 拥有__proto__属性 //由此可得 anima.
js原型及原型链的理解
欢迎欢迎
01-14 379
1. prototype 每个函数都有一个prototype属性，被称为显示原型 2._ proto _ 每个实例对象都会有_ proto 属性,其被称为隐式原型 每一个实例对象的隐式原型 proto _属性指向自身构造函数的显式原型prototype 3. constructor 每个prototype原型都有一个constructor属性，指向它关联的构造函数。 原型链 获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找原型的原型，一
前端知识速记—JS篇：原型与原型链
最新发布
无限大的博客
02-13 747
在JavaScript中，原型是构造函数所关联的一个对象，它决定了通过该构造函数创建的所有实例所共享的属性和方法。原型链是JavaScript中实现对象继承的关键机制。它是由多个原型构成的链条，每个对象都有一个__proto__属性，指向其构造函数的原型对象。
JS原型及原型链的理解
v-model绑定对象检测不到属性变化？
02-02 3607
在Java或C语言中，本身都会提供一个class实现，在ES5/ES6的时候JavaScript引入了class关键字，但这种只是语法糖的形式，JavaScript本身还是依赖于原型的。
js原型和原型链的理解（透彻）
lixiaonaaa的博客
02-14 8838
1，原型 function Fn() {} Fn是一个构造函数，每个构造函数都会自动生成一个prototype属性，指向一个空对象，这个空对象就是原型。每一个实例对象都会从原型继承属性和方法。 2，原型链 以下两张图阐述的非常详细，感谢尚硅谷课程：http://www.atguigu.com/ 1). Object的构造函数/原型/实例之间的关系（图解） var o1 = new Object(); var o2 = {}; 2).构造函数/原型/实例对象的关系(图解) funct..
javascript 原型与原型链的理解及应用实例分析
11-21
本文实例讲述了javascript 原型与原型链的理解及应用。分享给大家供大家参考，具体如下： javascript中一切皆对象，但是由于没有Class类的概念，所以就无法很好的表达对象与对象之间的关系了。 比如对象A与对象B之间...
JS原型、原型链深入理解
11-22
原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”prototype”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。 一、初识原型 在JavaScript中，原型也是一个对象，...
js原型和原型链的理解
qq_42931285的博客
08-25 147
什么是原型？ 每个对象都有他的原型对象，他自己可以使用对象上的所有属性的方法。 如何获取原型方法？ 1.通过对象.__proto__获取； 2.通过构造函数的prototype属性拿到原型 一.如何获取原型对象 // 1.通过对象.__proto__获取； let student={ name:"马冬梅", } // 给对象的原型对象添加一个方法 student.__proto__.say=function(){ .
理解JS中的原型和原型链
m0_37643322的博客
09-19 399
1.原型 JavaScript 是一门面向对象的语言。殊不知，JavaScript的世界中的对象，追根溯源来自于一个 null。在 ECMAScript 5 中，创建对象，一般有三种方法： 对象直接量：var point = {x:0 , y:0} ; new 和构造函数：var a = new Array() ; Object.create()：var o1 = Object.create({x:1 , y:2}) 1.1概念 绝大部分 JavaScript 对象（null 除外）都和另一个对象相关联，即
JS 原型及原型链的理解
m0_65730686的博客
07-22 723
JS 原型及原型链的理解
js对原型和原型链的理解
温情
03-22 364
1. 原型 每个函数都有一个prototype(显式原型) 每个对象都有一个__proto__(隐式原型) 对象的__proto__全等于对应构造函数的prototype // 定义构造函数 class Person { constructor(name, age) { this.name = name; this.age = age; }; sayMyself() { console.log(`我是${this.name}, 今年
JS原型及原型链理解
saltyfinsh的博客
03-08 208
一、原型 每个函数都有一个prototype属性，该属性指向一个对象。 每个引用类型都有一个__proto__属性，该属性指向其构造函数的prototype。 引用类型的没有prototype属性，该属性仅函数拥有。 function Preson(name,age,sex){ this.name = name; this.age = age; this.sex = sex; } ...
【JS】原型与原型链理解
chaomi_didi的博客
12-24 302
1、什么是原型 1）定义 JS中的所有引用类型（Object、Array、RegExp、Date、Function）均天生自带__proto__属性，对于引用类型而言原型即为__proto__属性 var obj = {}; console.log(obj) var arr =['']; console.log(arr) 对于JS中的所有函数，原型即为天生自带的prototype原型对象，原型对象本身也自带__proto__属性，该属性指向Object的prototype原型对象 functi
对于js的原型和原型链的理解
热门推荐
浮生离梦的博客
06-23 4万+
一、原型与原型链 JavaScript是一门基于原型的语言，在软件设计模式中，有一种模式叫做原型模式，JavaScript正是利用这种模式而被创建出来 原型模式是用于创建重复的对象，同时又能保证性能，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。原型模式的目的是用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值