经典面试题prototype 和 proto 区别是什么

于 2024-03-22 19:38:14 发布
阅读量388 收藏
点赞数 2
文章标签： 原型模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25416827/article/details/136950192
版权
本文介绍了JavaScript中原型的作用，如何通过prototype实现对象间的联系，以及__proto__和隐式原型在构成原型链和继承中的角色。重点阐述了构造函数的prototype与实例的__proto__之间的关系。
摘要由CSDN通过智能技术生成

原型是为了实现对象间的联系，解决构造函数无法数据共享而引入的一个属性，而原型链是一个实现对象间联系即继承的主要方法

  • prototype是构造函数的属性

  • __proto__是每个实例都有的属性，可以访问 [[prototype]] 属性

  • 实例的__proto__与其构造函数的prototype指向的是同一个对象

  • 显式原型

    prototype 每一个函数在创建之后，便会拥有一个prototype属性，这个属性指向函数的原型对象，显示原型的作用是用来实现基于原型的继承与属性的共享

    隐式原型

    _proto__上面说的这个原型是JavaScript中的内置属性prototype，此属性继承自object对象，但Firefox、Safari和Chrome在每个对象上都支持一个属性_proto，隐式原型的作用是用来构成原型链，实现基于原型的继承

光影少年
关注
js 面试24道经典面试题总结
03-26
以下是对"js面试24道经典面试题总结"中可能涵盖的知识点的详细解析： 1. **变量与数据类型** - JavaScript中的`var`, `let`, `const`的区别是什么？它们在作用域和重新赋值上有什么不同？ - 什么是`undefined`和`...
腾讯校园招聘历年经典面试题汇总：前端岗1
08-08
【腾讯校园招聘历年经典面试题汇总：前端岗1】 这些面试题目主要涵盖了前端开发的各个方面，包括基础概念、网络协议、编程技巧、数据结构、算法、框架理解以及系统设计等。下面将对部分题目进行详细解答： （5）、...
prototype 和 proto 的区别
Mean
06-04 3677
学习Vue源码时看到一篇文章写得很好，记录一下 原文链接：链接 本文主要讲三个 问题 prototype 和proto function 和 object new 到底发生了什么 prototype 和proto 首先我们说下在 JS 中，常常让我们感到困惑的地方，就是 prototype 和 __proto__ 到底是干嘛的 1. __proto__ 就是 Javascri...
彻底搞懂js里的__proto__和prototype到底有什么区别？
weixin_34380781的博客
08-15 511
1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性proto，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。2.方法(Function)方法这个特殊...
js中__proto__, prototype的理解
xqhys的博客
11-06 501
首先，要明确几个点： 1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。 即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。 2.方法(Function) 方法这个特殊的对象，除了和其他对象一...
__proto__和prototype的区别和关系？
weixin_45656587的博客
10-13 3283
1._proto_是每个对象都有的一个属性，而prototype是函数才有的属性 2._proto_是当前对象的原型对象（隐式原型），而prototype是当前构造函数的原型对象（显式原型） 3.代码 //在JS中，所有函数都能作为构造函数，构造出一个对象 //创建函数 function GoodFriend(){ this.name = "三三"; } //现在设置GoodFriend()这个函数的prototype属性，prototype属性指向一个对象 //先定义一个Girl对象，再把
prototype和__proto__的区别
weixin_44800563的博客
03-18 390
方应杭： prototype和__proto__的区别 这篇写的非常好，自己就不献丑了
搜集了众多经典高频前端面试题和大厂前端面试题以及相关代码题 pdf.pdf
12-14
本资源汇总了众多经典高频前端面试题和大厂前端面试题，以及相关代码题。通过详细解释和代码实现，涵盖了JavaScript基础、前端笔试题、web前端等知识点。 一、JavaScript基础 1. 手写Object.create思路：将传入的...
JavaScript面试的10个经典面试题.docx
11-08
以下就是一些常见的JavaScript面试题，以及它们背后的知识点： 1. **闭包（Closure）**： 闭包是JavaScript中的一个重要概念，它允许函数访问并操作其外部作用域的变量，即使在函数执行完毕后。了解闭包的工作原理...
前端面试题汇总经典300例.rar
07-08
3. **原型和原型链**：理解对象的继承机制，以及`__proto__`和`prototype`的区别。 4. **异步编程**：事件循环、回调函数、Promise和async/await的理解与应用。 5. **ES6及以后的新特性**：例如模板字符串、解构赋值...
JavaScript中__proto__与prototype的关系深入理解
12-12
这里讨论下对象的内部原型(__proto__)和构造器的原型（prototype）的关系。 一、所有构造器/函数的__proto__都指向Function.prototype，它是一个空函数（Empty function） 代码如下: Number.__proto__ === Function.prototype // true Boolean.__proto__ === Function.prototype // true String.__proto__ === Function.prototype // true Object.__proto__ === Function.protot
JavaScript基础：proto 和 prototype 区别
imagine_tion的博客
01-18 969
一、介绍 proto(__ proto__) 在类似 java 这种语言中，继承的概念是通过类和类之间实现的，但 javascript 根本没有类，都是对象，所以，在 javascript中，继承的概念是通过对象和对象之间实现的。 在考虑 javascript 继承的时候，范围只限于引用数据类型，虽然引用数据类型分为 Function 和 Object 两种，但在继承问题上，不需要区分 Function 和 Object，只需要统一看成对象即可。 __proto__和prototype 不同，prot.
js的proto和prototype原型对象理解
Wujunbin952的博客
07-06 1244
原型链以及原型对象的理解
__proto__ 和 prototype 区别
wwf1225的博客
06-22 1649
链接：https://www.zhihu.com/question/34183746/answer/124279182 __proto__ 、prototype傻傻分不清楚？ 记住以下两点: 1. __proto__是每个对象都有的一个属性，而prototype是函数才会有的属性。 2. __proto__指向的是当前对象的原型对象，而prototype指向的，是以当前函数作为构造函数构造出来的对象的原型对象。看起来有点绕，我 show you the code，下面我们用右手作为原型来给自己构..
什么是原型，proptotype和__proto__是什么？
最新发布
qq_36181045的博客
03-08 387
原型：原型是JavaScript中每个对象都有的一个特殊的属性。它指向的是另一个对象的引用，而这个对象就是原型对象。每个对象都是从原型对象中继承属性和方法的。在JavaScript中，所有的对象都是从Object构造函数的原型对象中继承而来的。prototype：是函数对象特有的一个属性，它指向该函数的原型对象。：是每个 JavaScript 对象都具有的一个属性，它指向该对象的原型对象。属性，我们可以访问到对象的原型链，即对象的原型链中的下一个对象。下面用一张图来解释一下原型、原型对象之间的关系。
JS Proptotyp以及__proto__
weixin_30790841的博客
10-28 183
一直以来都特别疑惑js原型链的只是，每次看到类似的文章也是迷迷糊糊，今天终于有点小的感悟，记录下来 在JS中一切都是对象，而通过其它的面向对象语言，对象又是类型的实例，所以类型和对象是不同的，那么在js里边是怎样的呢？ 我们知道类型是可以被实例的，也就是类型可以使用new关键字，js中的类型有这些Array, Boolean, Date, Error, Function, Number, Ob...
对象原型的理解 __proto__和prototype的区别
zhoulib__的博客
05-28 1075
前言：function具有prototype属性,function是一种特殊的对象 对象都具有__proto__(内置的原型)，一般没有prototype属性(Object除外) Object对象 是所以对象最根部的原型 <script> var a = {}; function b(){}; var c = new b(); b.prototype.frpm="s...
prototype和proto
07-27
的关系和区别是什么？ 回答: 在JavaScript中，每个对象都有一个特殊的属性__proto__，它指向该对象的原型。原型对象是通过构造函数的prototype属性创建的，它包含了共享的属性和方法。所以，prototype是构造函数的一个属性，而proto是每个对象的一个属性，指向该对象的原型。\[1\] 通过原型链，对象可以访问原型对象上的属性和方法。当我们访问一个对象的属性或方法时，JavaScript会先在对象本身上查找，如果找不到，就会继续在原型对象上查找，直到找到或者到达原型链的尽头。\[2\] 在给定的例子中，我们可以看到p2.__proto__指向Person.prototype，而Person.prototype.__proto__指向Object.prototype，Object.prototype.__proto__为null，表示原型链的尽头。\[3\] prototype属性只存在于构造函数上，而不是实例上。所以，p2.prototype是undefined。而constructor属性是原型对象上的一个属性，指向构造函数本身。\[3\] #### 引用[.reference_title] - *1* *2* [_proto_与prototype的关系及区别](https://blog.csdn.net/jijunqing321/article/details/119862149)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [什么是__proto__和prototype](https://blog.csdn.net/qq_45963949/article/details/125066302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光影少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值