手写instanceof

现在有一些面试题会让你手写这个instanceof
首先要了解一下instanceof是什么
它是一个运算符
a instanceof B : a对象的原型链上有没有B构造函数的原型

原型链又是一个什么样的情况呢？
有这样一段代码，它的原型链情况是这样的

function A() { }
const a = new A();// a.__proto__ === A.prototype
// A.prototype.__proto__ === Object.prototype
// Object.prototype.__proto__ === null

这是比较简单的原型链，有了一定知识之后呢，我们就可以手写出instanceof

function instanceOf(obj, Constructor) {if (typeof Constructor !== "function" || typeof obj !== "object") {return false;}const prototype = Constructor.prototype; // 找原型while (obj !== null) {if (obj === prototype) {return true;}obj = obj.__proto__;}return false;
}

这里还需要去看这个函数是否是箭头函数了，大家也都清楚箭头函数没有原型
以下是测试代码

function A() { }
const a = new A();console.log(a instanceof A); // true
console.log(a instanceof Object); // trueconsole.log(instanceOf(a, A)); // true
console.log(instanceOf(a, Object)); // true
console.log(instanceOf(a, function () { })); // false
console.log(instanceOf([],Array)); // true
console.log(instanceOf([],Object)); // true

数组的原型链

arr.__proto__ === Array.prototype
Array.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

函数的原型链
函数是一等公民，也是一个对象，既有隐式原型，又有原型。

const func = function () {};
func.__proto__ = Function.prototype
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

并非所有对象的原型链上都有Object的原型

const obj = Object.create(null); // obj.__proto__ = null

手写instanceof相关推荐

手写 instanceof 方法
语法 object instanceof constructor 参数 object 某个实例对象 constructor 某个构造函数描述 instanceof 运算符用来检测 construct ...
instanceof原理--手写代码实现
手写instanceof 首先在写之前要先理解一下instanceof的实现原理: instanceof 主要的实现原理就是只要右边变量的prototype在左边变量的原型链上即可(也就是说左边的变量 ...
JavaScript进阶必会的手写功能
JavaScript进阶的必要性无论是学习react还是vue,它们都是js的应用框架.剥去他们的壳子看到的始终是js,所以作为一个前端大厨必须要熟练掌握好js这个大勺,才能烧出一顿好菜无论是自我 ...
【面试题】常见面试题汇总————手写题
面试中出现的经典题方法类数组去重排序数组去重数组排序数组拍平,降维判断一个数组是不是数组二级目录 lc编程类全排列 js实现类手写promise 手写then 手写instanceo ...
2022必会的前端面试手写题
前端面试题视频讲解将数字每千分位用逗号隔开数字有小数版本: let format = n => {let num = n.toString() // 转成字符串let decimals = ...
前端面试之手写代码篇
手写代码 1.手写instanceof方法 2.手写new操作符 3.手写Promise.all() 4.手写防抖函数 5.手写节流函数 6.手写call.apply函数 7.手写bind函数 8.封 ...
前端面试题之手写代码篇
原文地址:前端面试题之手写代码篇 git地址:https://gitee.com/AiShiYuShiJiePingXing/lovebetterworld 点击前往GIT 一.JavaScript ...
前端面试手写题汇总大全（含答案）-- 持续更新
高频一. 柯里化函数(Currying)和反柯里化简介柯里化(Currying),又称部分求值(Partial Evaluation),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第 ...
前端常见手写面试题合集
实现一个函数判断数据类型 function getType(obj) {if (obj === null) return String(obj);return typeof obj === 'obje ...
【干货】JDK动态代理的实现原理以及如何手写一个JDK动态代理
动态代理代理模式是设计模式中非常重要的一种类型,而设计模式又是编程中非常重要的知识点,特别是在业务系统的重构中,更是有举足轻重的地位.代理模式从类型上来说,可以分为静态代理和动态代理两种类型. 在解 ...

手写instanceof

手写instanceof相关推荐

最新文章

热门文章