面不面试的,都要理解原型和原型链

最新推荐文章于 2024-07-23 16:10:12 发布
最新推荐文章于 2024-07-23 16:10:12 发布
阅读量221 收藏
点赞数
文章标签： 面试 原型模式 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42369612/article/details/122238649
版权

面不面试的,都要理解原型和原型链

描述下原型和原型链

  • js是通过构造函数来创建新对象的
  • 每一个构造函数都有一个prototype(显式原型)属性
  • prototype属性的值是由该构造函数生成的所有实例对象共有的属性和方法,称之为原型对象
  • 原型对象上有一个construct属性指向构造函数
  • 在生成实例对象后,实例对象会有一个指针_ _proto _ _(隐式原型)指向原型对象
  • 当访问对象属性的时候,该对象身上没有这个属性会顺着_ _proto _ _去向上去找,也就是在原型对象上找属性
  • 直到找到object.prototype,如果还没有的话就指向null了,这个过程就是原型链

图解

在这里插入图片描述

需要注意的是f.__protp === Fo.prototype 为 true
注意:f.__protp === Fo.prototype 为 true

理清楚两件事:
1.原型对象是存在堆里面的,而在栈里面的只是原型对象的引用,原型对象可以有多个引用,就比如f.__proto 和 fo.prototype的引用都指向了fo的原型对象,所以说的是同一个东西
2.原型对象也可以认为是实例对象,所以原型对象(实例对象)的__proto__也指向生成他的构造函数的原型对象

David_Xia001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【web前端面试必问2】js原型和原型链的理解（透彻）
m0_56349322的博客
02-17 830
原型 function Fn() {} 1）Fn是一个构造函数，每个构造函数都会自动生成一个prototype属性，指向一个空对象，这个空对象就是原型。每一个实例对象都会从原型继承属性和方法。 2）原型对象中有一个属性constructor，它指向函数对象 console.log(Date.prototype.constructor===Date) function函数有一个prototype属性 ===》 显示原型属性 var fn = new Fn() 这里的fn就是一个...
前端面试：原型和原型链
qq_43592064的博客
05-30 227
原型和原型链
原型和原型链的理解
鸡血博客
09-09 1万+
原型和原型链的理解:(面试题) 原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。 原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，最终指向 null。 原型的作用： 1.数据共享 节约内存内存空间 2....
面试官：怎么理解原型、原型链？
M_Hapic的博客
03-17 1865
带着问题出发： 什么是原型、原型链？ 原型和原型链有什么关系？ __proto__和prototype分别是什么？ 构造函数、实例、对象原型之间的关系？ 不妨先想想上面的问题，动一下大脑，是否能回答的上~ 定义理解 原型 构造函数的定义： 构造函数是用于创建特定类型对象的。像Object和Array这样的原型构造函数，运行时可以直接在执行环境使用。 构造函数也是函数，按照惯例，构造函数名称的首字母都是要大写的；创建构造函数的实例应该使用 new 操作符；在实例化时，如果不想传参数，那么构造函数后面
面不面试的，你都得懂原型和原型链
2401_84435152的博客
05-04 553
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】我们再来看下面这段代码：开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
面试官：谈谈你对原型和原型链的理解
Tz
02-19 4435
金三银四的旺季即将拉开序幕，这段时间有朋友陆陆续续去面试，和她们沟通发现，最高频出现问题就是：谈谈你对原型和原型链的理解？ 无形之刃 最为致命。 ——影流之主 一个看似最最最基础的面试题，但是这送分题，回答的不好可能就变成了送命题。接下来就让我们一起来探讨探讨~ 基于原型的语言？ JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个实例对象（ object ）都有一个私有属性（称之为 proto ）指向
原型和原型链面试题总结
qq_27984747的博客
10-19 2792
原型和原型链
对于js的原型和原型链的理解
热门推荐
浮生离梦的博客
06-23 4万+
一、原型与原型链 JavaScript是一门基于原型的语言，在软件设计模式中，有一种模式叫做原型模式，JavaScript正是利用这种模式而被创建出来 原型模式是用于创建重复的对象，同时又能保证性能，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。原型模式的目的是用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新...
原型与原型链详解（带图方便理解）
m0_55734030的博客
11-21 1万+
每一个类（构造函数）都有一个显示原型prototype（本质就是个对象）01 类：是创建对象实例的模板 本质上讲类是个函数 (例如Array object String )001 构造函数 ：用new来执行的函数02 实例:就是由类创建的对象 本质上就是对象例如 [1,2,3] {name : "mumu " } , “abc”以上就是面试经常会问到的内容啦，希望对你们有用哈。
深入理解javascript原型和闭包
11-30
深入理解javascript原型和闭包（01）——一切都是对象 深入理解javascript原型和闭包（02）——函数和对象的关系
js 面试题1 typeof-变量计算-原型
09-23
在面试中，理解并掌握JavaScript的关键概念是非常重要的，其中包括`typeof`运算符、变量计算、原型链以及jQuery库的使用。 首先，`typeof`运算符用于确定变量的数据类型。它能准确识别所有值类型，如`undefined`、`...
我所理解的this，闭包，原型链，继承及面向对象.zip
07-08
总的来说，理解并掌握"this"、闭包、原型链和继承是成为熟练的JavaScript开发者的关键步骤。它们不仅在编写代码时起到重要作用，也是面试中的常见考点。通过深入学习和实践，可以提升你的编程能力，为构建复杂的应用...
关于js原型的面试题讲解
11-22
在这道面试题中，我们看到三个不同的构造函数 A、B 和 C，以及它们原型链上的属性 `a`。让我们深入理解这些知识点： 1. **构造函数**： - `function A() {}`、`function B(a) {}` 和 `function C(a) {}` 是 ...
java后端-面试笔记和面试资料
10-31
Java后端开发是软件行业中一个重要的领域，涵盖了各种技术和概念，包括但不限于编程语言特性、框架、数据库、设计模式、并发处理、性能优化等。这里，我们主要基于"java后端-面试笔记和面试资料"这一主题，深入探讨...
Nacos 面试题及答案整理，最新面试题
Miss_SunHengYang的博客
07-19 832
适用于服务细分和微服务架构中的服务分类。随着服务实例的动态增减，Nacos能够实时更新服务信息，确保服务消费者能够及时发现新的服务实例。Nacos支持服务的注册与发现，允许服务实例在Nacos中注册，并被客户端发现和调用。Nacos能够检测到服务实例的故障，并自动切换到备份的服务实例，确保服务的持续可用性。Nacos能够解析服务间的依赖关系，并在服务发现时考虑这些依赖，确保依赖服务的可用性。实现区域感知的服务发现机制，优先发现和调用同一区域内的服务，以减少跨区域调用的延迟。
leetcode hot100 （面试复习用）
大厂小码农的博客
07-20 927
给你一个按照非递减顺序排列的整数数组 nums，和一个目标值 target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值 target，返回 [-1, -1]。你必须设计并实现时间复杂度为 O(log n) 的算法解决此问题。输入：nums = [5,7,7,8,8,10], target = 8输出：[3,4]// 继续向左查找} else {// 查找目标值在数组中的结束位置// 继续向右查找} else {
Maven面试精粹：关键知识点与面试题全解析
weixin_42545951的博客
07-22 1063
Maven作为Java项目中广泛使用的构建工具，对于任何Java开发者而言，掌握Maven及其相关概念是必备的技能。本文将梳理Maven的关键知识点，并通过一系列面试题来检验读者对Maven的理解和应用能力，旨在帮助求职者在面试中更好地展示自己的Maven技能。
消息队列的面试题
最新发布
m0_67187271的博客
07-23 623
平台可以实时监测网络负载，根据当前网络状况动态调整直播流的编码质量，例如，在网络负载较低时，提供高清直播流（如1080p），而在网络负载较高时，自动降低编码质量（如720p或更低），以减少数据传输量。流量控制策略，视频平台能够有效管理网络资源，确保在高用户量和高数据传输速率的情况下，提供稳定、高质量的直播服务，同时避免网络拥塞，提高用户体验。：对于直播流，平台可以使用缓存和预加载技术，提前下载部分直播内容到用户的设备上，减少直播开始时的网络负载，同时提供更流畅的观看体验。
原型和原型链面试题
06-01
好的，你想问的是有关 JavaScript 中原型和原型链的面试题，对吧？ 首先，让我们回顾一下原型和原型链的概念： - 原型（prototype）：每个 JavaScript 对象都有一个原型对象，它是该对象的父对象，也可以理解为该对象的模板。通过原型，对象可以继承父对象的属性和方法。 - 原型链（prototype chain）：由于每个对象都有一个原型对象，因此可以形成一条原型链。如果在当前对象中找不到所需的属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到为止。 下面是一些可能的原型和原型链面试题： 1. JavaScript 中的对象是如何继承属性和方法的？ JavaScript 中的对象通过原型继承属性和方法。每个对象都有一个原型对象，它是该对象的父对象，也可以理解为该对象的模板。通过原型，对象可以继承父对象的属性和方法。如果在当前对象中找不到所需的属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到为止。 2. 什么是原型链？ 由于每个对象都有一个原型对象，因此可以形成一条原型链。原型链是一种继承机制，它通过沿着对象的原型链查找属性和方法，实现了对象之间的继承关系。如果在当前对象中找不到所需的属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到为止。 3. 如何创建一个对象的原型？ 在 JavaScript 中，可以使用 Object.create() 方法创建一个对象的原型。该方法接受一个参数，即新对象的原型对象。例如： ``` var parent = { foo: function() { console.log("hello"); } }; var child = Object.create(parent); ``` 在此示例中，我们创建了一个名为 parent 的对象，它有一个名为 foo 的方法。然后，我们使用 Object.create() 方法创建了一个名为 child 的对象，它的原型对象是 parent。这意味着 child 可以继承 parent 中的所有属性和方法，包括 foo 方法。 4. 对象的 __proto__ 属性和 prototype 属性有什么区别？ 每个 JavaScript 对象都有一个 __proto__ 属性，它指向该对象的原型对象。例如： ``` var parent = { foo: function() {} }; var child = Object.create(parent); console.log(child.__proto__ === parent); // true ``` prototype 属性只存在于函数对象中，它是该函数的原型对象。例如： ``` function Person() {} Person.prototype.foo = function() {}; var p = new Person(); console.log(p.prototype); // undefined console.log(Person.prototype); // { foo: [Function] } ``` 因此，__proto__ 属性和 prototype 属性的作用不同，前者用于继承，后者用于函数对象的原型继承。 5. 如何判断一个对象是否是另一个对象的原型？ 在 JavaScript 中，可以使用 isPrototypeOf() 方法判断一个对象是否是另一个对象的原型。例如： ``` var parent = { foo: function() {} }; var child = Object.create(parent); console.log(parent.isPrototypeOf(child)); // true ``` 在此示例中，我们使用 isPrototypeOf() 方法判断 parent 是否是 child 的原型对象。 6. 如何实现继承？ 在 JavaScript 中，可以使用原型链实现继承。例如，我们可以创建一个名为 Parent 的构造函数，并在其原型对象上定义一些属性和方法： ``` function Parent() { this.name = "parent"; } Parent.prototype.sayHello = function() { console.log("Hello, I'm " + this.name); }; ``` 然后，我们可以创建一个名为 Child 的构造函数，并将其原型对象设置为 Parent 的实例，从而实现继承： ``` function Child() {} Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child(); child.name = "child"; child.sayHello(); // Hello, I'm child ``` 在此示例中，我们创建了一个名为 Child 的构造函数，并将其原型对象设置为 Parent 的实例。这意味着 Child 可以继承 Parent 中的所有属性和方法，包括 sayHello 方法。最后，我们创建了一个名为 child 的 Child 实例，并修改了其 name 属性。调用 child.sayHello() 方法时，将输出 "Hello, I'm child"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值