js实现instanceof+实现原理

instanceof是干什么的？

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

只要遍历实例对象的原型，看看是否跟构造函数的prototype相等，即可实现。

function instance_of (obj, Fn) {// 判断传入的构造函数是不是函数类型if (typeof Fn !== 'function') {throw new TypeError('不是函数');}// 实例不是对象, 返回falseif (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {return false;}// 取 Fn的prototype原型比较let proto = Fn.prototype;while(obj.__proto__) {// 当实例的隐式原型__proto__ 全等于 Fn的显式原型 prototype，返回trueif (obj.__proto__ === proto) return true;// 否则，继续向原型链上游移动obj = obj.__proto__;}return false;
}

js实现instanceof+实现原理相关推荐

JS原型链与instanceof底层原理
转载自 JS原型链与instanceof底层原理一.问题: instanceof 可以判断一个引用是否属于某构造函数: 另外,还可以在继承关系中用来判断一个实例是否属于它的父类型. 老师说:ins ...
JS Promise的实现原理
转载自 JS Promise的实现原理在前端开发过程中,会经常使用到 Promise 模式,可以使异步代码看起来如同步般清新易读,从而从回调地狱中解脱出来.ES6中已原生支持 Promise, ...
[js] axios拦截器原理是什么？
[js] axios拦截器原理是什么? 拦截器原理其实就是用use添加用户自定义的函数到拦截器的数组中. 最后把他们放在拦截器请求前,请求后.组成promise链式调用. // 组成`Promise` ...
JS异步：执行原理与回调
JS异步:执行原理与回调一.JS异步的执行原理二.JS异步中的回调一.JS异步的执行原理我们知道JavaScript是单线程的,而浏览器是多线程的.单线程执行任务需要一个个排队进行,假如一 ...
WPS加载项是如何实现调用业务系统JS的 WPS通信原理
WPS加载项是如何实现调用业务系统JS的 WPS通信原理 wpssdk 一.业务系统调用WPS原理二.WPS调用业务系统JS的原理 End 写在前面:JSAPI金山办公官方群 756432763 欢 ...
数据挖掘与分析 - 用JS实现推荐系统的原理与开发
数据挖掘与分析 - 推荐系统的原理与开发图表一览试想一个推荐系统的应用场景分析应用场景的需求开始开发推荐图书系统常规解决想法曼哈顿距离欧氏距离闵可夫斯基距离皮尔逊相关系数余弦相似度 ...
JSON和JSONP【JS+AJAX跨域原理和实现】
前言由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socke ...
Vue.js 深入响应式原理
深入响应式原理现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统.数据模型仅仅是普通的 JavaScript 对象.而当你修改它们时,视图会进行更新.这使得状态管理非常简单直接 ...
JS双向数据绑定的原理介绍
1.双向数据绑定的原理:属性拦截 2.属性拦截实现方式 : 使用Object.defineProperty()将对象的属性变成访问器属性. 3.如果对访问器属性不是很了解的小伙伴可以看一下这一篇文章哈 ...

js实现instanceof+实现原理

js实现instanceof+实现原理相关推荐

最新文章

热门文章