关于原型以及原型链

最新推荐文章于 2024-07-25 09:24:40 发布
最新推荐文章于 2024-07-25 09:24:40 发布
阅读量24 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Carmier/article/details/131358649
版权

原型对象概念：原型是一个对象，每一个函数（构造函数）内部都有一个属性prototype，prototype的值是一个对象，这个对象里面的所有属性和方法能被实例访问到。

 原型链概念：通过对象__proto__属性指向函数的原型对象(函数.prototype)一层一层往上找，直到找到Object的原型对象(Object.prototype)为止，层层继承的链接结构叫做原型链（通过proto属性形成原型的链式结构,专业术语叫做原型链）

 

Carmier
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS 构造函数、原型以及原型链
qq_45848004的博客
03-17 577
构造函数、原型以及原型链        ES6之前是没有引入类的概念，所以JavaScript是直接通过构造函数来创建实例的。在详细介绍原型以及原型链之前，先对相关的术语做个简单的介绍，方便大家有一个大概的了解。 构造函数：通过new关键字进行调用，为了创建一个自定义的类，并且创建这个类的实例。 实例:是类实例化之后一个一个具体的对象。 原型：通过现有实例来生成新实例的函数，也是一个对象。 原型链：就是联系实例与原型的链条。 一.构造函数
JS中的原型和原型链（图解）
热门推荐
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
js原型链
遇事不决，可问春风。
03-17 700
实例的 __proto__ 属性等于其构造函数的 prototype 属性。 所有构造函数都是Function的实例，所有原型对象除了Object.prototype都是Object的实例。 原型链的尽头是null，也就是Object.prototype.__proto__ === null
js 原型与原型链
似水流年QC的博客
03-27 702
对象的作用在于，当访问一个对象的属性或方法时，如果该对象内部不存在这个属性，那么就会从它的 __proto__ 属性所指向的（原型）对象中寻找（原型也是对象，也有它自己的原型），如果原型对象中也找不到，就会继续在该原型对象的原型对象中找，以此类推，直到找到属性或方法为止，或者查找到顶层原型对象 null，就结束查找，返回 undefined。在 JavaScript 中的对象中都有一个 __proto__ 属性，从上图可以看出一个对象指向另一个对象，即指向相对应的对象的原型对象。
原型和原型链
weixin_56505845的博客
08-13 5万+
一、前言 在js中，原型和原型链是一个很重要的知识点，只有理解了它，我们才能更深刻的理解js，在这里，我们将分成几个部分来逐步讲解。 二、构造函数 构造函数和普通函数本质上没什么区别，只不过使用了new关键字创建对象的函数，被叫做了构造函数。构造函数的首字母一般是大写，用以区分普通函数，当然不大写也不会有什么错误。 function Person(name, age) { this.name = name; this.age = age; this.species = '人类';
详解原型与原型链
赤蓝紫の博客
03-16 4859
详解原型与原型链 其实，刚开始学JavaScript时，就有学过原型与原型链的相关知识了，只是当时还没有养成写笔记的习惯，导致现在已经忘的七七八八了。 这边文章真是花了很多心思，写了两天，看了很多篇篇博文，其中有小参考的，有解决一点疑惑的，但是最后只标注了一篇帮助最大的。 构造函数 实例的构造函数属性(constructor)指向其构造函数 function Person(name) { this.name = name } const person = new Person('clz') cons
JS原型链
weixin_45045252的博客
06-09 1万+
原型：被用于复制现有实例来生成新实例的函数 构造函数：用new来调用，就是为了创建一个自定义类实例：是类在实例化之后一个一个具体的对象原型链：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条
简单了解原型&原型链
weixin_55853065的博客
02-07 747
初始化一个构造函数，它有一个 prototype 属性，该属性值指向的就是构造函数的原型​比如上文的指向的就是Person的原型当然了，只有构造函数才有 prototype 这个属性，其他对象是没有的我们来看看原型的定义原型本质是一个对象，原型对象是为了给其他实例对象提供共享属性的2.原型对象的本质其实就是一个对象原型的作用是给其他对象提供共享属性，即用来实现基于原型的继承与属性的共享相互关联的原型组成的链状结构就是原型链原型链的顶级原型对象是Object，且最终一定指向null。
JS：原型和原型链
elevenhope的博客
02-11 4552
一、原型 原型：每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，被称为隐式原型；这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。每一个对象都会从原型中“继承”属性。 首先看一个例子，创建一个Student类，并创建类的实例对象student： class Student{ constructor(name, score) { this.name = name; this.score = score;
nodejs——原型链污染
m0_73756016的博客
06-12 929
参考滑动验证页面。
SCM供应链系统仿真原型
07-13
以下是关于SCM供应链系统仿真原型的一些关键知识点： 1. **供应链管理（SCM）**：供应链管理是企业管理和协调产品和服务从原材料到最终消费者的全部流程，包括采购、生产、库存、物流、销售和客户服务等环节。SCM的...
原型链全套图解.rar
04-20
理解原型链对于优化代码、避免性能问题以及正确地实现继承至关重要。通过分析`__proto__`、`prototype`、`Object.create()`以及`class`与`extends`的用法，我们可以更有效地利用JavaScript的面向对象特性。本压缩包...
JavaScript原型链示例分享
10-26
现在，`A`的实例`iA`可以访问`A.prototype`上的`say`方法，以及沿着原型链向上找到的`a.prototype`和`Object.prototype`上的方法。 ```javascript var iA = new A(); iA.hi(); // 输出：hi Object iA.say(); // ...
JavaScript原型及原型链终极详解
10-23
JavaScript中的原型和原型链是理解JavaScript继承机制的关键概念。在JavaScript中，每个对象都有一个内部属性`__proto__`，它链接到创建该对象的构造函数的原型对象。原型对象通常包含了可以被实例对象共享的方法和...
浅谈JS原型对象和原型链
10-22
JavaScript中的原型对象和原型链是理解其面向对象特性的核心概念。万物皆对象，而对象又分为普通对象和函数对象。函数对象通过`new Function`创建，如`f1`、`f2`和`f3`，而普通对象则通过对象字面量或`new`表达式...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 440
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 1132
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 256
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
【React 】开发环境搭建详细指南
lph159的博客
07-24 995
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
原型 原型链 原型继承
06-06
原型是JavaScript中的一个概念，每个函数对象都有一个prototype属性，指向一个原型对象。原型对象也有一个constructor属性，指向原型所属的函数对象。 原型链是指当我们访问一个对象的属性时，如果该属性不存在，则JS引擎会沿着该对象的原型链向上查找，直到找到该属性或者到达原型链的顶端，即Object.prototype对象。 原型继承是指利用原型链来实现JavaScript中的继承。当我们创建一个对象时，可以将其原型指向另一个对象，这样该对象就拥有了原型对象的属性和方法。这种继承方式被称为原型继承。在ES6之前，JS中的继承都是通过原型继承来实现的。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值