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

最新推荐文章于 2024-05-22 11:24:14 发布
最新推荐文章于 2024-05-22 11:24:14 发布
阅读量885 收藏 1
点赞数 1
分类专栏： 面试 js 文章标签： web前端 面试 原型链 三座大山
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43999568/article/details/88902698
版权

这部分有点难度，之前学的时候好像涉及的比较少，以至于除了原型链这三个字一点印象都没有

从题目入手

从题目总结知识点，再解答

题目

  • 如何准确判断一个变量是数组类型(typeof是错误的，应该用instanceof //2020/7/24)
  • 写一个原型链继承的例子
  • 描述new一个对象的过程（知道原理）
  • zepto（或其他框架）源码中如何使用原型链（zepto是啥 查一下 可参照https://blog.csdn.net/melody_day/article/details/53572060 zepto与jQ的异同）

Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个。

知识点

  • 构造函数
  • 构造函数-扩展
  • 原型规则和示例
  • 原型链
  • instanceof（类型判断 类似typeof）

1.构造函数——见到大写字母开头的函数，基本上就是构造函数
良好的代码习惯，写构造函数时用大写字母开头

fucntion Foo(name<
最低0.47元/天 解锁文章
Jam2018
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
web前端面试之——原型与原型链
weixin_44258574的博客
05-26 837
原型与原型链 （一）原型 理解与记忆核心： F.prototype === f.__proto__ ===原型对象（原型） f.constructor === F.prototype.constructor === F === f.__proto__.constructor 解释： 每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot
javaScript基础面试题 --- 原型链
weixin_43850639的博客
03-08 272
如果原型上也没有这个属性，则继续查找原型的原型，如此类推，直至原型链的顶端（null）。当查询一个对象的属性时，JavaScript 会首先检查对象自身是否有这个属性。如果沿着原型链都没有找到该属性，那么返回 undefined。如果对象本身没有该属性，那么 JS 会查找该对象的原型。4、原型链的顶端是null。1、原型可以解决什么问题。函数有prototype。对象有__proto__对象共享属性和共享方法。
前端面试必考——原型及原型链（涵实例+话术）
最新发布
XIAO_A_fighting的博客
05-22 894
原型：所有的引用类型都有一个__proto__（隐式原型）属性，它是一个普通的对象、所有的函数都有一个prototype属性（显式原型），是一个普通的对象。所有引用类型的__proto__指向它的构造函数的prototype属性。
原型与原型链详解（带图方便理解）
m0_55734030的博客
11-21 1万+
每一个类（构造函数）都有一个显示原型prototype（本质就是个对象）01 类：是创建对象实例的模板 本质上讲类是个函数 (例如Array object String )001 构造函数 ：用new来执行的函数02 实例:就是由类创建的对象 本质上就是对象例如 [1,2,3] {name : "mumu " } , “abc”以上就是面试经常会问到的内容啦，希望对你们有用哈。
原型和原型链的理解
鸡血博客
09-09 1万+
原型和原型链的理解:(面试题) 原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。 原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并从中继承方法和属性，同时原型对象也可能拥有原型，这样一层一层，最终指向 null。 原型的作用： 1.数据共享 节约内存内存空间 2....
前端面试总结——原型和原型链
weixin_44858541的博客
03-15 269
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
第5章 JS基础-原型和原型链【三座大山之一，必考！！！】.rar
12-22
JavaScript是前端开发中的核心语言，其原型和原型链是理解JavaScript对象继承机制的关键。...理解并熟练运用原型和原型链对于提升JavaScript编程能力至关重要，也是前端开发者必须掌握的基础知识之一。
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
一篇文章让你搞懂JavaScript 原型和原型链
01-22
原型和原型链作为深入学习JavaScript最重要的概念之一，如果掌握它了后，弄清楚例如：JavaScript的继承，new关键字的原来、封装及优化等概念将变得不在话下，那么下面我们开始关于原型和原型链的介绍。 什么是原型？...
javascript原型和原型链
01-08
一、原型规则 1、所有的引用类型（数组、对象、函数）都具有对象特性，即可自由扩展属性（除了“null”） var array=[];array.a=1; var object={};object.a=1; function func(){}; func.a=1; 2、所有的引用类型...
浅谈JS原型对象和原型链
10-22
JavaScript中的原型对象和原型链是理解其面向对象特性的核心概念。万物皆对象，而对象又分为普通对象和函数对象。函数对象通过`new Function`创建，如`f1`、`f2`和`f3`，而普通对象则通过对象字面量或`new`表达式...
面试：原型和原型链
Bessicxie的博客
06-27 2402
1.什么是原型 简单来说就是有一个构造函数，当用这个构造函数new 一个实例出来的时候，这个实例的原型就是这个构造函数 function Person(name,age){ this.name=name; this.age=age; } var person=new Person('Bessic',18) js 所有的引用类型都有自己的构造函数 var arr=[]的时候其实就是等于var ...
【前端面试】JS中原型链和class在继承上的区别
Taozi_1379的博客
10-06 781
JS中的class本质上是一个 function类型的对象，这是JS的独特之处。 原型链继承 定义一个父类，本质上是定义父类的构造函数，其对应的Person.prototype会自动被创建； 定义一个子类，通过在子类中用call函数，以子类的身份调用父类的构造函数，实现继承父类的成员变量； 将Student的prototype的原型链__proto__指向Person的prototype； Student.prototype.constructor应该指向Student本身， function Pers
Web前端面试指导(二十七)：原型是什么？原型链是什么？
热门推荐
雄领IT的专栏
10-06 1万+
题目点评 这道题目是属于JavaScript比较难理解的知识点，涉及到的知识也非常抽象深奥，属于JavaScript面向对象思维范畴，如果没有一点面向对象的编程思维的同学，想必是难倒了，即使有一定OOP的同学要回答起来也是比较费劲，不是一时半会能说清楚。但面试官问到了，说明他是懂技术的，用比较专业的术语来回答就好，这样会比较言简意赅。 解题思路 原型是什么？ 在JavaScript中原型是
【面试原型链】前端面试那些事（1）一张图看懂原型链与继承的恩怨情仇
赏樱看雪撸代码
01-31 642
一张图看懂原型链与继承，前端面试经验、js原型链、原型和原型链的概念、__proto__和prototype的区别与概念、面试之原型链详解
前端面试必问——JS中的原型(prototype)、原型链和继承
cuckooii的博客
05-20 5968
原型、原型链与原型继承也是一个老生常谈的问题了，可以说js原型弄明白了，那么学习js就得了一种质的飞跃，今天我们就来看看这个在前端面试中的高频考题究竟是怎么一回事。 一、原型 要说原型，我画了上面那张图，它生动的表达了js中的构造函数、实例对象以及原型对象的关系： 每个对象都有_proto_属性，并且指向它的原型对象 每个构造函数都有它的prototype原型对象 prototype原型对象里的constructor指向它的构造函数 new一个构造函数会形成它的实例对象 如果光看文字.
前端面试-----JavaScript中原型链与原型
ProswpuAlan的博客
02-19 2604
1.构造函数2.五条原型原则    (1).所有的引用类型（数组，对象，函数）都具有对象特性，即可自由扩展属性（除了null以外）(2).所有的引用类型（数组，对象，函数），都有一个_proto_属性，属性值是一个普通的对象    （隐式原型）(3).所有的函数，都有一个prototype属性，属性值也是一个普通的对象(4).所有的引用类型（数组，对象，函数），_proto_属性值值向他构造函数的...
强大的原型和原型链
web前端开发
03-16 115
作者 | 汤姆大叔前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型...
面试之JS篇 - 原型与原型链
weixin_34220623的博客
03-12 428
本文主题 创建对象有几种方法 原型、构造函数、实例、原型链的关系 instanceof 原理 实例题（考察） 创建对象的几种方法 // 通过字面量 const obj1 = { name: 'guodada' } const obj11 = new Object({ name: 'guodada' }) // 通过构造函数 function Pershon() { this.name ...
2021年前端笔试题-面试真题及答案.pdf
12-14
该文档提供了2021年前端笔试题与面试真题的详细解答，主要聚焦于JavaScript基础知识。以下是部分内容的深入解析： 1. JavaScript基础： - Object.create() 实现：`Object.create()` 方法用于创建一个新对象，并将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值