web前端工程师面试题总结（2）原型，原型链和算法

最新推荐文章于 2024-05-22 11:24:14 发布
最新推荐文章于 2024-05-22 11:24:14 发布
阅读量272 收藏 2
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fan_pppp/article/details/108642192
版权

文章目录

一、原型

 ①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象 
 ②所有函数都有一个prototype(原型)属性，属性值是一个普通的对象 
 ③所有引用类型的__proto__属性指向它构造函数的prototype</font>

二、原型链

当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，
则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，
如果还没有找到就会再在构造函数的prototype的__proto__中查找，
这样一层一层向上查找就会形成一个链式结构，我们称为原型链。

①一直往上层查找，直到到null还没有找到，则返回undefined
②Object.prototype.proto === null
③所有从原型或更高级原型中的得到、执行的方法，其中的this在执行时，
指向当前这个触发事件执行的对象

在这里插入图片描述

    实例化对象的__proto__和构造函数的prototype属性都指向与原型对象
    原型对象的constructor属性指向构造函数

三、ES6之前，没有class概念，解决对象之间的属性和方法的共享问题

1.字面量方式

通过换变量名字来解决属性冲突问题

	（构造函数.prototype 指向与父对象，而且子对象会继承父对象内的属性和方法 原型对象）

2.构造函数定义

通过创建一个共同的函数，分别调用来解决方法的冲突问题

3.系统默认的对象构造函数

四、ES6之后，class实现不同对象的属性和方法的共享问题

定义一个class父类方法 子类通过class 子类名 extends 父类名 { super（） } 来调用他

在这里插入图片描述

四、算法

1.冒泡排序

相邻的两个元素进行比较，小的在前，大的在后

2.快速排序

将数组中的一个数作为基数，比基数小的放左边，大的放右边
在这里插入图片描述

-༄鵬鵬
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端面试准备（四）原型和原型链——JS三座大山之一
boKeB1
03-29 890
这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有 从题目入手 从题目总结知识点，再解答 题目 如何准确判断一个变量是数组类型(typeof) 写一个原型链继承的例子 描述new一个对象的过程（知道原理） zepto（或其他框架）源码中如何使用原型链（zepto是啥 查一下 可参照https://blog.csdn.net/melody_day/article/...
JS必懂的原型和原型链
Web_boom的博客
09-27 373
原型和原型链算是js里的一座大山，比较偏概念性，在面试时是经常出现的，所以闲时可以多拿出来琢磨。鄙人写的也略有浅显，希望能帮到查阅的小伙伴呀。
前端面试必考——原型及原型链（涵实例+话术）
最新发布
XIAO_A_fighting的博客
05-22 1113
原型：所有的引用类型都有一个__proto__（隐式原型）属性，它是一个普通的对象、所有的函数都有一个prototype属性（显式原型），是一个普通的对象。所有引用类型的__proto__指向它的构造函数的prototype属性。
javascript原型链
fengjunoo的专栏
01-16 149
javascript语言中，没有类的概念。如何在前端开发中，融入OOP的思想呢？ 在此之前，我们先要弄清楚function，new这两个关键字都做了些什么。 function: 使用function 实现 javascript函数申明。函数我们都会用，然而javascript的函数到底是什么？ 让我们从最简单的函数开始：javascript数据是存在栈内存(stack)和堆内存(hea...
web前端面试之——原型与原型链
weixin_44258574的博客
05-26 853
原型与原型链 （一）原型 理解与记忆核心： F.prototype === f.__proto__ ===原型对象（原型） f.constructor === F.prototype.constructor === F === f.__proto__.constructor 解释： 每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot
前端面试题（二）原型 & new & instanceof & this
何建的博客
02-17 580
前端面试题（二）原型 & new & instanceof & this
web前端工程师-高频面试题
10-24
【前端面试】涵盖的知识点广泛，包括HTML、CSS、JavaScript（ES6）、Vue、React以及小程序，还有编程题目和Web开发工具如webpack和git。以下是对这些知识点的详细阐述： 一、HTML 1. 兼容性问题：前端开发者需要...
web前端工程师 高频面试题
06-25
前端开发面试题涵盖了HTML、CSS、JavaScript、ES6、Vue、React以及小程序等多个方面，下面将对这些知识点进行详细解析。 **HTML** 1. **兼容性问题**：处理不同浏览器对HTML元素、属性、CSS样式支持的不同，如IE低...
前端工程师面试题
05-31
### 前端工程师面试题知识点详述 #### 面试注意事项概览 - **题目范围与深度**: 面试题目的广度和深度会根据应聘者的经验和职位层次进行调整，从入门级到专家级，对技术的要求逐渐提高。 - **题目类型多样化**: ...
前端大厂最新面试题-万字面试干货.docx
06-06
前端工程师面试是一个全方位评估应聘者技能、经验和思维方式的过程。面试题通常涵盖了JavaScript基础和进阶、HTML/CSS、浏览器原理、性能优化、工程实践、框架使用与原理、计算机科学基础知识（如算法、数据结构、...
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
JavaScript原型链
03-25
NULL 博文链接：https://ywxowen999.iteye.com/blog/1135884
前端面试题：JS中的原型和原型链
欢迎来到我的博客
07-24 8009
JS的原型和原型链算是前端面试题的热门题目了，也是参加了几场面试，感觉好多次都被问到对原型和原型链的理解，所以今天也是索性把他给整理出来，一方面方便自己以后复习查看，另一方面也是给大家分享一下我对原型和原型链的理解。 ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。 什么是原型 每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 这么说可能会有点
前端面试-----JavaScript中原型链与原型
ProswpuAlan的博客
02-19 2615
1.构造函数2.五条原型原则    (1).所有的引用类型（数组，对象，函数）都具有对象特性，即可自由扩展属性（除了null以外）(2).所有的引用类型（数组，对象，函数），都有一个_proto_属性，属性值是一个普通的对象    （隐式原型）(3).所有的函数，都有一个prototype属性，属性值也是一个普通的对象(4).所有的引用类型（数组，对象，函数），_proto_属性值值向他构造函数的...
面试题 - 原型及原型链
bug处理进行时
07-12 1089
一. [[protoType]] 1 - [[prototype]]属性 什么是[[Prototype]]属性 JavaScript中每一个对象都有一个内置的[[prototype]]属性，这个属性指向对其他对象的引用。大多数情况下这个对象的值都不为空。 原型链的尽头 - Object.prototype 当执行 [[Get]] 操作时，如果当前对象没有查找的属性，则会继续向上查找原型链，直到查找到原型链的尽头 Object.prototype，如果依旧没有则返回 undefined 。所以自定义的
前端面试总结——原型和原型链
weixin_44858541的博客
03-15 280
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
前端面试：啥是原型？啥又是原型链？
小隐的博客
05-09 1144
原型与原型链 # 原型 概念 ES6以前，js有面向对象的特性但是没有明确的语法规范例如class关键字来生成对象，还是靠function来完成的（不得不吐槽ES6之前的js真的是一坨ES6语法以后再谈，还是先挖坑）以至于出现了这种情况。 console.log(Function instanceof Object); // true console.log(Object instanceof Function); // true //函数是对象构造的 对象也是函数构造的，俩者即是函数也是对象 js的原型
前端高频面试题之——原型链
weixin_43179300的博客
07-06 325
[原文地址]https://www.jianshu.com/p/10bb679b9044 JavaScript中的构造函数 原型是什么 面向对象语言中，类派生实例，JavaScript的函数可以作为构造器(构造函数)，由函数派生实例。 function Person (name,gender) { this.name = name; this.gender = gender; this.say = function () { console.log('hello Im ’ + this.name) } }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值