instanceof 原理详解

樱花树下的空白

已于 2022-07-26 10:46:44 修改

阅读量173

点赞数

分类专栏：前端

于 2022-07-26 10:36:40 首次发布

本文链接：https://blog.csdn.net/qq_45382872/article/details/125989782

版权

javascript

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function myInstanceOf(left, right) {
				// 首先，正常而言，A instanceof B
				//我们是要判断 B 的原型是否在 A 的原型链上
				// 所以，我们要获取 A 的原型链，获取 B 的原型
				leftProto = left.__proto__
				rightPrototype = right.prototype

				// 接下来就是判断，如果一次判断未成功，那么就一直沿着原型链查找知道返回值结束判断
				while (true) {
					// 首先判断 leftproto 是否为空
					// __proto__为空的只有Object的原型对象，它是原型链的终点
					// 意思是，如果查找到原型链的终点了还没有返回结果，那么 B 就不在 A 的原型链上
					if (leftProto === null) return false
					// 相等，则在原型链上
					if (leftProto === rightPrototype) return true
					// 如果不满足这两个判断结束的情况，就会沿着原型链
					leftProto = leftProto.__proto__
				}
			}

			function sum() {
			}
			var obj = new Object()
			console.log(myInstanceOf(obj, Object)); //true
			console.log(myInstanceOf(sum, Array));  //false
		</script>
	</body>
</html>