前端面试：原型和原型链

已于 2023-05-31 17:18:21 修改
阅读量273 收藏 1
点赞数 1
文章标签： 原型模式
于 2023-05-30 10:03:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43592064/article/details/130932096
版权
JavaScript中的每个对象都有一个原型对象，通过__proto__属性或函数的prototype属性关联。原型链是查找对象属性的过程，当实例属性不存在时，会向上遍历原型直到找到属性或到达原型链顶端。
摘要由CSDN通过智能技术生成

什么是原型对象

 

每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型对象，每一个对象都会从原型"继承"属性。

函数的原型和对象的原型 

  • 每个函数都有一个prototype属性，该属性指向函数的原型
  • 每个对象都有一个__proto__属性，该属性指向对象的原型

什么是原型链

当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。这条查找的路径就叫原型链 

如何顺着原型链查找

啃火龙果的兔子
关注
【前端面试题】原型和原型链-js
xw211的博客
03-15 500
【前端面试题】原型和原型链-js
前端面试：啥是原型？啥又是原型链？
小隐的博客
05-09 1166
原型与原型链 # 原型 概念 ES6以前，js有面向对象的特性但是没有明确的语法规范例如class关键字来生成对象，还是靠function来完成的（不得不吐槽ES6之前的js真的是一坨ES6语法以后再谈，还是先挖坑）以至于出现了这种情况。 console.log(Function instanceof Object); // true console.log(Object instanceof Function); // true //函数是对象构造的 对象也是函数构造的，俩者即是函数也是对象 js的原型
web前端面试之——原型与原型链
weixin_44258574的博客
05-26 872
原型与原型链 （一）原型 理解与记忆核心： F.prototype === f.__proto__ ===原型对象（原型） f.constructor === F.prototype.constructor === F === f.__proto__.constructor 解释： 每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot
原型与原型链详解
CKT0816的博客
03-10 240
前言 与大部分面向对象语言不同，ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前，我们有必要先复习一下构造函数的知识。 一、构造函数 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。 构造函数就是一个普通的函数，创建方式...
【前端面试】原型和原型链
weixin_33749242的博客
01-08 145
1.题目 如何准确判断一个变量是数组 写一个原型链继承的例子 继承实现的其他方式 es6 实现继承的底层原理是什么 描述new一个对象的过程 zepto及其他源码中如何使用原型链 2.知识点 2.1 构造函数 特点：以大写字母开头 function Foo(name,age){ //var obj = {} //thi...
面试：原型和原型链
Bessicxie的博客
06-27 2460
1.什么是原型 简单来说就是有一个构造函数，当用这个构造函数new 一个实例出来的时候，这个实例的原型就是这个构造函数 function Person(name,age){ this.name=name; this.age=age; } var person=new Person('Bessic',18) js 所有的引用类型都有自己的构造函数 var arr=[]的时候其实就是等于var ...
Web前端面试准备（四）原型和原型链——JS三座大山之一
boKeB1
03-29 912
这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有 从题目入手 从题目总结知识点，再解答 题目 如何准确判断一个变量是数组类型(typeof) 写一个原型链继承的例子 描述new一个对象的过程（知道原理） zepto（或其他框架）源码中如何使用原型链（zepto是啥 查一下 可参照https://blog.csdn.net/melody_day/article/...
【web前端面试必问2】js原型和原型链的理解（透彻）
m0_56349322的博客
02-17 848
原型 function Fn() {} 1）Fn是一个构造函数，每个构造函数都会自动生成一个prototype属性，指向一个空对象，这个空对象就是原型。每一个实例对象都会从原型继承属性和方法。 2）原型对象中有一个属性constructor，它指向函数对象 console.log(Date.prototype.constructor===Date) function函数有一个prototype属性 ===》 显示原型属性 var fn = new Fn() 这里的fn就是一个...
攻略前端面试官（三）：JS的原型和原型链
K_K君的分享，常考......
12-16 283
本文在个人主页同步更新~ 背就完事了 介绍：一些知识点相关的面试题和答案 使用姿势：看答案前先尝试回答，看完后把答案收起来检验成果~ 面试官：什么是构造函数 答：构造函数的本质是一个普通函数，他的特点是需要通过new关键字来调用，用来创建对象的实例。所有的引用类型，如[],{},function等都是由构造函数实例化而来。一般首字母大写。 解析：首字母大写只是约定俗成的规范。首字母小写的函数...
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
前端面试总结——原型和原型链
weixin_44858541的博客
03-15 309
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中的原型和原型链
欢迎来到我的博客
07-24 8239
JS的原型和原型链算是前端面试题的热门题目了，也是参加了几场面试，感觉好多次都被问到对原型和原型链的理解，所以今天也是索性把他给整理出来，一方面方便自己以后复习查看，另一方面也是给大家分享一下我对原型和原型链的理解。 ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。 什么是原型 每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 这么说可能会有点
JS前端面试基础-原型和原型链
m0_46269977的博客
04-17 534
JS重点原型和原型链一、class和继承二、类型判断和instanceof三、原型四、原型链五、重要提示六、题目解答1.如何判断一个变量是不是数组？2.Class的原型本质，如何理解？七、小节 JS是基于原型集成的语言 题目引入 1.如何判断一个变量是不是数组 2.Class的原型本质，如何理解？ 知识点 Class和继承 类型判断和instanceof 原型和原型链 一、class和继承 1....
前端面试常考 | js原型与原型链
云创网络工作室官方账号
01-03 608
前端面试常考 “原型与原型链”
前端面试必问——JS中的原型(prototype)、原型链和继承
cuckooii的博客
05-20 6246
原型、原型链与原型继承也是一个老生常谈的问题了，可以说js原型弄明白了，那么学习js就得了一种质的飞跃，今天我们就来看看这个在前端面试中的高频考题究竟是怎么一回事。 一、原型 要说原型，我画了上面那张图，它生动的表达了js中的构造函数、实例对象以及原型对象的关系： 每个对象都有_proto_属性，并且指向它的原型对象 每个构造函数都有它的prototype原型对象 prototype原型对象里的constructor指向它的构造函数 new一个构造函数会形成它的实例对象 如果光看文字.
前端面试之原型链总结
flyingbirds的博客
05-15 3023
1. 分清普通对象和函数对象的区别。凡事通过new Function () 创建的对象，都是函数对象，其他的都是普通对象。2.构造函数 function Person (name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function () { alert(thi...
JS必懂的原型和原型链
Web_boom的博客
09-27 414
原型和原型链算是js里的一座大山，比较偏概念性，在面试时是经常出现的，所以闲时可以多拿出来琢磨。鄙人写的也略有浅显，希望能帮到查阅的小伙伴呀。
【面试总结】，理解JavaScript原型、原型链 6题，前端技术篇
最新发布
m0_57473261的博客
04-07 993
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！一个人可以走的很快，但一群人才能走的更远。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值