前端JavaScript原型，原型链

最新推荐文章于 2022-08-08 10:13:02 发布
最新推荐文章于 2022-08-08 10:13:02 发布
阅读量115 收藏
点赞数
文章标签： 面试 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zz78780/article/details/124902182
版权
本文探讨了前端面试中的重要知识点——JavaScript的原型和原型链。介绍了原型链的工作机制，强调每个对象如何通过prototype属性连接，并阐述了其特点，包括属性查找过程和对象间的引用传递。此外，还提到了事件代理的概念及其优势，如性能优化和动态绑定。这篇内容旨在帮助前端开发者更好地准备面试，理解基础概念并提升技术水平。
摘要由CSDN通过智能技术生成

写在前面

CSDN话题挑战赛第1期

  • 活动详情地址：CSDN

  • 参赛话题：前端面试宝典

  • 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
    总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

  • 创作模板：

携手共筑前端面试宝典

题目一

JavaScript原型，原型链 

考点

JavaScript原型，原型链 ? 有什么特点？

答案

JavaScript原型，原型链 ? 有什么特点？

  • 每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时

  • 如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念

  • 关系：instance.constructor.prototype = instance.__proto__

  • 特点：

    • JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变

  • 当我们需要一个属性的时，Javascript引擎会先看当前对象中是否有这个属性， 如果没有的

  • 就会查找他的Prototype对象是否有这个属性，如此递推下去，一直检索到 Object 内建对象

。

扩展

请解释什么是事件代理

  • 事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。使用事件代理的好处是可以提高性能
  • 可以大量节省内存占用，减少事件注册，比如在table上代理所有td的click事件就非常棒
  • 可以实现当新增子对象时无需再次对其绑定


 

写在最后

CSDN话题挑战赛第1期

  • 活动详情地址：CSDN
zz78780
关注
Javascript原型与原型链由浅入深，让你再不害怕大小厂面试官，满满干货，遇到原型链的题就开心
luolvzhou的博客
12-25 1134
什么是原型？有铁子肯定会霸气回怼，ES6没出class 类的时候，Javascript想要实现面向对象这一层面的数据共享，想要占用的内存更小一点，想要保持自己面向对象特征下的封装，继承，多态，然后提供了原型和原型链来方面实现这一特性。当然，这话是没错的，可是你拿这个东西真正去理解原型和原型链的时候，你又懵了，因为面试官又会问，ES6的class跟原型之间什么关系，有什么共性？然后又答不上来。
前端面试宝典
11-25
前端的面试题 总结的一部分 PDF版的, 有答案 包含全栈的大部分问题
Vue面试题
m0_70873942的博客
05-12 283
写在前面 CSDN话题挑战赛第1期 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的sol
带你学习Vue面试题
m0_70575391的博客
05-10 207
写在前面 CSDN话题挑战赛第1期 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的sol
前端知识点
m0_70471464的博客
05-13 375
写在前面 CSDN话题挑战赛第1期 活动详情地址：CSDN 参赛话题：前端面试宝典 话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！ 总之我们大家一起将自己的面试经验以及学
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
10-18
JavaScript是Web开发中不可或缺的一部分，它提供了丰富的特性，如作用域、闭包、对象和原型链，这些都是理解和编写高效代码的关键。以下是对这些概念的详细解释： 1. **JavaScript变量作用域** - **函数作用域**：...
JavaScript原型，原型链 ? 有什么特点？
d_agege的博客
08-08 334
JavaScript常被描述为一种基于原型的语言——每个对象拥有一个原型对象
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
写给面试者——前端面试【有感而发】
weixin_34255793的博客
03-09 234
　　首先，这篇没有具体的面试题； 　　其次，这篇仅是我个人的面试态度； 　　最后，在这金三银四的跳槽季里，祝愿各位找到好工作。   　　俺第一次做面试官是2011年，想起那时自己真的很紧张(不管做什么头几次都紧张哈)，可是还是在希望在面试者面前留个比较专业的印象，所以总是装作很淡定，记得那时总会放一件修身小西装放公司，专门用来面试的时候穿的，装成熟，你懂得。现在回忆起那时的点滴，不由自主的...
前端面试--大众点评
遇见更好的自己
06-20 8143
学习了这么久，第一次面试前端，虽然只是简单的十分钟的电话面试，但是还是很紧张。 主要问题： 1.介绍你的项目 2.html的状态 3html5新增加的标签 4.css的display：none和visibility区别 5.怎么清除浮动 6.jquery的选择器 7.jquery的on和事件绑定区别问题答案的总结html的状态： 详细见这篇博客：http://blog.csdn.n
前端面试总结
weixin_44999716的博客
06-08 244
面试总结 JD描述 对于社招一定要看，对于校招可以忽略，校招没有给大家分配哪个部门，都是公司统一招最后统一分配 简历 对照JD改写出相吻合的简历，对于未掌握的技术栈快速复习、理解 千篇一律的简历对于简历的筛选很不利，简历的筛选：HR根据JD来筛选简历，HR不懂技术，他会看学历、工作背景、和JD描述的吻合度，满足这三点，简历达到初步通过的标准，然后到技术负责人，对你的简历进行二次筛选，他关注的是你的学历、工作背景、技术栈，如果你的技术栈和项目很吸引他，那么你的简历基本就通过了，通过之后会接收到面试通知。有时候
前端面试总结及建议
weixin_40436425的博客
09-24 3754
最近，由于项目组刚成立不久，团队处于天地初开的混沌状态，人员配置不齐，急需一大股新鲜血液融入，为此，开启了一段时间与求职面试者的博弈之路！ 如今的IT大环境，似乎每个公司一年四季都处于招人状态，而同时又有一大批无论是离职还是在职人员期许找一个环境待遇更佳的公司入职；如此的供需关系不应该很和谐吗，为何在当下看来如此的矛盾呢？经过这些天和面试者交流之后，在心中渐渐还是有了些许答案；在此，我主要就自己...
前端朋友跳槽必读（前端知识大杂烩）
前端工程师--则丸
12-23 2124
1.一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ 2.position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素， 相对于最近一级的 定
web前端面试总结
Juniorselk的博客
11-19 363
前端面试总结
前端开发面试题集锦（一）
热门推荐
江湖再见
06-30 2万+
你如何理解HTML结构的语意化? 1、去掉或样式丢失的时候能让页面呈现清晰的结构； 2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页； 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对 CSS的支持较弱）； 4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重； 5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽
前端面试官经验总结 | 前端面试小技巧
Kuroko's Development Notes
11-17 1万+
历时2个多月，前后也面试了上百余人，个人能力并没有多强大，但出于公司需要也就厚着脸皮去面各种前端大佬（啊哈哈终于轮到劳资当家做主了！）。好景不长，从第一份电话面试的小紧张，到线下面试的小期待，再到后来的轮番面试的疲倦，最终形成了对简历过敏的状态，现在的我看到简历就想吐。苦头也吃了，罪也受了，总不能就这么算了，既然面试了这么多前端er，我总该从中汲取些经验与成长吧，故作此文以记之。   一、面试...
前端面试重难点总结
weixin_44858541的博客
04-14 2177
前端知识 块级元素与行内元素 块级元素会独占一行，display：block/table,常见的块级元素：<div><h1><h2><table><ol><ul><p> 内联元素不会独占一行，display：inline/inline-block，常见的内联元素：<img><input><span><button>等 margin负值的问题 对于margin-left
探索JavaScript原型链与Vue构造函数详解
本文将深入探讨JavaScript中的原型链和Vue构造函数的概念。首先，让我们理解构造函数、原型对象以及实例之间的关系。构造函数是用来创建新对象的蓝图，每个构造函数都有一个原型对象（prototype），原型对象包含了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值