【前端面试题】原型和原型链-js

xw211

已于 2022-03-15 01:45:20 修改

阅读量497

点赞数

分类专栏：前端面试题文章标签： javascript 前端原型模式

于 2022-03-15 01:43:05 首次发布

本文链接：https://blog.csdn.net/xw211/article/details/123492373

版权

本文探讨了JavaScript中的原型概念，包括__proto__和prototype属性。原型的__proto__属性指向构造函数的prototype，而所有引用类型都有此属性。通过构造函数.prototype添加的属性和方法可供所有实例对象共享，实现代码复用。原型链则描述了当实例尝试访问属性或方法时，会沿着原型对象的__proto__属性向上搜索，直到找到为止，这一过程形成了一条链式结构，最终到达Object.prototype并终止于null。

摘要由CSDN通过智能技术生成

【前端面试题】原型和原型链-js

原型
原型链

原型

所有引用类型都有一个__proto__ (隐式原型)属性，属性值是一个对象；
所有函数都有一个prototype (显示原型)属性，属性值是一个对象；
所有引用类型的__proto__属性指向它构造函数的prototype，它们其实是同一个对象（下列代码最后一行）。

//定义一个构造函数
function Demo() {
   
this.a = 1
this.b = 2
}
//创建一个Demo的实例对象

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xw211

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

2024高频前端面试题（含答案）

weixin_44672169的博客

04-22

21万+

一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;

Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt

07-06

前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题

参与评论您还未登录，请先登录后发表或查看评论

web前端面试之——原型与原型链

weixin_44258574的博客

05-26

866

原型与原型链 （一）原型理解与记忆核心： F.prototype === f.__proto__ ===原型对象（原型） f.constructor === F.prototype.constructor === F === f.__proto__.constructor 解释：每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot

前端面试：原型和原型链

lq099526的专栏

09-09

157

1）原型链解决的主要是继承问题2）每个对象拥有一个原型对象，通过 proto 指针指向其原型对象，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，最终指向 null(Object.proptotype.__proto__指向的是null)。这种关系被称为原型链(prototype chain)，通过原型链一个对象可以拥有定义在其他对象中的属性和方法。

面试题 - 原型及原型链

bug处理进行时

07-12

1321

一. [[protoType]] 1 - [[prototype]]属性什么是[[Prototype]]属性 JavaScript中每一个对象都有一个内置的[[prototype]]属性，这个属性指向对其他对象的引用。大多数情况下这个对象的值都不为空。 原型链的尽头 - Object.prototype 当执行 [[Get]] 操作时，如果当前对象没有查找的属性，则会继续向上查找原型链，直到查找到原型链的尽头 Object.prototype，如果依旧没有则返回 undefined 。所以自定义的

前端面试总结——原型和原型链

weixin_44858541的博客

03-15

306

1.class class People { constructor(name) {this.name=name;} eat(){ console.log(this.name+'is eating something') } } const zhangsan=new People(张三); console.log(zhangsan.name); zhangsan.eat(); class Student extends People{ constructor(name,numbe

js 面试题1 typeof-变量计算-原型

09-23

在面试中，理解并掌握JavaScript的关键概念是非常重要的，其中包括`typeof`运算符、变量计算、原型链以及jQuery库的使用。首先，`typeof`运算符用于确定变量的数据类型。它能准确识别所有值类型，如`undefined`、`...

前端面试题_18_什么是原型链

Pe7erjmd的博客

11-29

1494

Web前端面试准备（四）原型和原型链——JS三座大山之一

boKeB1

03-29

905

这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有从题目入手从题目总结知识点，再解答题目如何准确判断一个变量是数组类型(typeof) 写一个原型链继承的例子描述new一个对象的过程（知道原理） zepto（或其他框架）源码中如何使用原型链（zepto是啥查一下可参照https://blog.csdn.net/melody_day/article/...

JS必懂的原型和原型链

Web_boom的博客

09-27

405

原型和原型链算是js里的一座大山，比较偏概念性，在面试时是经常出现的，所以闲时可以多拿出来琢磨。鄙人写的也略有浅显，希望能帮到查阅的小伙伴呀。

前端面试题：JS中的原型和原型链

欢迎来到我的博客

07-24

8210

JS的原型和原型链算是前端面试题的热门题目了，也是参加了几场面试，感觉好多次都被问到对原型和原型链的理解，所以今天也是索性把他给整理出来，一方面方便自己以后复习查看，另一方面也是给大家分享一下我对原型和原型链的理解。 ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。什么是原型每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。这么说可能会有点

前端面试常考 | js原型与原型链

云创网络工作室官方账号

01-03

605

前端面试常考 “原型与原型链”

JS前端面试基础-原型和原型链

m0_46269977的博客

04-17

525

JS重点原型和原型链一、class和继承二、类型判断和instanceof三、原型四、原型链五、重要提示六、题目解答1.如何判断一个变量是不是数组？2.Class的原型本质，如何理解？七、小节 JS是基于原型集成的语言题目引入 1.如何判断一个变量是不是数组 2.Class的原型本质，如何理解？知识点 Class和继承类型判断和instanceof 原型和原型链 一、class和继承 1....

【面试总结】，理解JavaScript原型、原型链 6题，前端技术篇

最新发布

m0_57473261的博客

04-07

977

框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！一个人可以走的很快，但一群人才能走的更远。

前端面试之原型链总结

flyingbirds的博客

05-15

3018

1. 分清普通对象和函数对象的区别。凡事通过new Function () 创建的对象，都是函数对象，其他的都是普通对象。2.构造函数 function Person (name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function () { alert(thi...

原型与原型链详解

CKT0816的博客

03-10

236

前言与大部分面向对象语言不同，ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前，我们有必要先复习一下构造函数的知识。一、构造函数构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函数就是一个普通的函数，创建方式...

面试题准备（一）：原型、原型链

番茄味姜糖的博客

02-22

2096

文章目录原型原型

2021前端笔试面试真题解析：实例化与原型链

该文档提供了2021年前端笔试题与面试真题的详细解答，主要聚焦于JavaScript基础知识。以下是部分内容的深入解析： 1. JavaScript基础： - Object.create() 实现：`Object.create()` 方法用于创建一个新对象，并将...