JS原型与原型链（面试题）

最新推荐文章于 2024-07-27 07:24:23 发布
最新推荐文章于 2024-07-27 07:24:23 发布
阅读量5.9k 收藏 32
点赞数 5
分类专栏： js 前端 文章标签： javascript 原型模式 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48949881/article/details/122496414
版权
前端 同时被 2 个专栏收录
21 篇文章 0 订阅
订阅专栏
js
10 篇文章 0 订阅
订阅专栏

原型

原型分为两种

  1. prototype
  • 每一个函数都会有prototype属性,被称为显式原型。
  1. __proto__
  • 每一个实例对象都会有__proto__属性,其被称为隐式原型。

constructor
每一个prototype原型上都会有一个constructor属性,指向它关联的构造函数。
在这里插入图片描述

原型链

  • 获取对象时，如果这个对象身上本身没有这个属性时，它就会去他的原型__proto__上去找,如果还找不到,就去原型的原型上去找…一直找到最顶层(Object.prototype)为止，Object.prototype对象也有__proto__属性值为null。

这里需要注意的是，Object是原型链的最顶层，所有构造函数的prototype都指向Object.prototype

在这里插入图片描述

Panda-6
关注
专栏目录
Javascript原型与原型链由浅入深，让你再不害怕大小厂面试官，满满干货，遇到原型链的题就开心
luolvzhou的博客
12-25 1141
什么是原型？有铁子肯定会霸气回怼，ES6没出class 类的时候，Javascript想要实现面向对象这一层面的数据共享，想要占用的内存更小一点，想要保持自己面向对象特征下的封装，继承，多态，然后提供了原型和原型链来方面实现这一特性。当然，这话是没错的，可是你拿这个东西真正去理解原型和原型链的时候，你又懵了，因为面试官又会问，ES6的class跟原型之间什么关系，有什么共性？然后又答不上来。
JS-原型与原型链常见面试题
m0_48025435的博客
04-11 1972
原型与原型链的常见面试题 1. var A=function(){} A.prototype.n=1 var b=new A() A.prototype={ n:2, m:3 } var c=new A() console.log(b.n,b.m,c.n,c.m)//1,undefined,2,3 分析一下:b.n 因为b是A的实例所以指向A的原型对象,有一句话:对象实例的隐式原型指向构造函数的显示原型 2. var F=function(){}; Object.prototype.a=f
JS(原型和原型链）整理的面试题
Rampage_w的博客
09-07 4091
题目1.如何准确判断一个变量是数组类型 使用 instanceof 方法 题目2.写一个原型链继承的例子 实例：封装 DOM 查询 定义构造函数 Elem,属性封装成 id 打印出所有的 html 将所有的 html 变为 hello imooc ,并且点击弹出 ‘clicked’ 链式操作 题目3.描述 new 一个对象的过程 1.创建一个新对象 2.this 指向这个新对象 3....
面试题 - 原型及原型链
bug处理进行时
07-12 1317
一. [[protoType]] 1 - [[prototype]]属性 什么是[[Prototype]]属性 JavaScript中每一个对象都有一个内置的[[prototype]]属性，这个属性指向对其他对象的引用。大多数情况下这个对象的值都不为空。 原型链的尽头 - Object.prototype 当执行 [[Get]] 操作时，如果当前对象没有查找的属性，则会继续向上查找原型链，直到查找到原型链的尽头 Object.prototype，如果依旧没有则返回 undefined 。所以自定义的
原型（Prototype）与原型链（Prototype Chain）：深入理解与实践
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
07-27 810
原型（Prototype）：每个 JavaScript 对象都有一个特殊的属性，它引用了一个对象，这个被引用的对象就是原型对象。原型对象自身也有一个原型，形成了一个链式结构，这就是原型链。原型链（Prototype Chain）：当试图访问一个对象的属性时，如果该对象自身没有此属性，则会沿着它的原型链向上查找，直到找到该属性或者到达原型链的终点。原型和原型链是 JavaScript 中非常核心的概念，它们为实现继承提供了基础。
JS面试题-原型及原型链、作用域及作用域链、闭包
weixin_49172439的博客
07-16 5206
JavaScript常被描述为一种基于原型的语言(prototype--basedlanguage)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中承方法和属性，一层一层、以此类推。这种关系常被称为原型链(prototypechain),它解释了为何一个对象会拥有定义在其他对象中的属性和方法。—如上内容摘自MDN简单理解原型链就是在当前对象中找不到定义的话，会在当前对象的原型对象上继续查找，直至undefined。name20};...
js面试题--原型和原型链
qq_34771938的博客
10-18 732
一、class 和 继承 1. 基本实现 class的核心：constructor、属性、方法。 继承的核心：extends、super、扩展或重写方法。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial=1.0"> <title&gt
JS经典面试题：JS原型、原型链
qq_44996048的博客
05-27 6794
JS是一种基于原型的语言，每一个对象都有一个原型对象，当你试图寻找某个属性时，它不仅仅在该对象上面搜索，还有搜索该对象的原型，或则是该对象原型的原型，一次向上进行搜索，直到找到一个名字匹配的属性或者到达原型链尾部，则会返回一个null，如下图所示（原型链）： 详细讲解：JS每一个函数中都有会有一个特殊的属性，叫做原型对象prototype，原型对象主要是存放一些公共属性或者方法的，其主要作用：减少每次实例化对象中重复方法的占用内存现象。 举例(ES5)： function Star(nam
这些js原型及原型链面试题你能做对几道
loveX001的博客
10-02 1774
console . log('我爱唱歌');//我爱唱歌 stu2 . sing();//我爱唱歌 console . log(stu1 . sing === stu2 . sing);//false很明显，stu1 和 stu2 指向的不是一个地方。所以 在构造函数上通过this来添加方法的方式来生成实例，每次生成实例，都是新开辟一个内存空间存方法。这样会导致内存的极大浪费，从而影响性能。公共属性定义到构造函数里面，公共方法我们放到原型对象身上。
JS-原型与原型链面试题
m0_48025435的博客
04-08 271
function A() { } A.prototype.n = 1 var b = new A() A.prototype = { n: 2, m: 3 } // A的原型对象被改变了,但是b的原型对象可没变 var c = new A() console.log(b.n, b.m, c.n, c.m) //1 underfined ...
关于js原型的面试题讲解
10-21
通过具体的面试题分析，我们可以深入理解原型在JavaScript中是如何工作的。 首先，我们需要明确几个基础概念： 1. **原型链（prototype chain）**：每个对象都拥有一个原型对象，通过`__proto__`属性访问。对象的...
【面试题】JS基础-原型和原型链
zx1041561837的博客
11-22 718
本文介绍如何使用class实现继承，原型和原型链，instanceof 类型判断，手写简易的jQuery。
【面试总结】，理解JavaScript原型、原型链 6题，前端技术篇
m0_57473261的博客
04-07 974
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！一个人可以走的很快，但一群人才能走的更远。
【JS面试题】原型原型链
Lipn_的博客
05-14 627
一篇文章弄懂JS面试题的原型原型链问题！
原型和原型链面试题
LiuBo_1999的博客
05-26 5339
原型和原型链 javascript原型与原型链 每个函数都有一个prototype属性，被称为显示原型 每个实例对象都会有_ _proto_ _属性,其被称为隐式原型 每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype 每个prototype原型都有一个constructor（看次chua克特）属性，指向它关联的构造函数。 原型链 获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找原型的原型，一直找到最顶层
js关于原型，原型链的面试题
anchu7971的博客
01-04 1320
　　之前面试的时候遇到过原型和原型链方面的题目，具体的已经忘了，只记得当时回答的稀里糊涂，今天查了一些资料，把自己所理解的写出来，加深记忆。 1，前提 　　在js中，对象都有__proto__属性，一般这个是被称为隐式的原型，该隐式原型指向构造该对象的构造函数的原型。 　　函数比较特殊，它除了和其他对象一样有__proto__属性，还有自己特有的属性----prototype...
JS面试—原型和原型链
We_jia的博客
05-11 3753
目录 一、题目 1、如何判断一个变量是数组类型 2、写一个原型链继承的例子 3、描述new一个对象的过程 4、zepto (或其他框架)源码中如何使用原型链 二、知识点 2.1 构造函数 2.2 构造函数——拓展 2.3 原型规则和示例 2.4 原型链 2.5 instanceof 一、题目 1、如何判断一个变量是数组类型 var arr=[]; arr instan...
【JS面试题】原型链
Milk~每天分享一点点，技术进步一点点
07-19 754
//父类 class People { constructor(name) { this.name = name } eat() { console.log(`${this.name} eat something`) } } //子类 继承父类 里面的方法可以直接调用，属性需要调用super去执行 class Student extends People { constructor(name,number) { //调
理解JavaScript原型、原型链 6题，面试官对你惺惺相惜、情不自禁！
编程界明世隐的博客
12-29 6036
说明： 在JavaScript中，对象都有__proto__属性（隐式原型），指向构造该对象的构造函数的原型。 而函数Function比较特殊，它除了和其他对象一样有__proto__属性，还有自己特有的属性----prototype称之为原型对象，原型对象有一个constructor属性，该属性指回该函数。 经典图: 接下来是我整理的几个题 题目1： function F() { this.a = 1; } var obj = new F(); console.log(o...
JS原型继承和原型链面试题及其答案
06-02
以下是一些JS原型继承和原型链的面试题及其答案： 1. 什么是原型继承？ 答：原型继承是通过将一个对象的原型作为另一个对象的原型来实现继承。在JS中，每个对象都有一个原型，它可以通过__proto__属性来访问。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Panda-6

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

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

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

打赏作者

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

抵扣说明：

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

余额充值