Element instanceof Node

今天看到一个问题,问 Element instance Node 为什么是 false。文章地址https://www.yii666.com/article/756057.html

首先,我们知道 Element 是 Node 的子类,那么为什么 Element instanceof Node 是 false 呢?文章来源地址https://www.yii666.com/article/756057.html

Element 是一个构造函数,所以类型为 Function, Node 也是一个构造函数,所以类型也为 Function。网址:yii666.com<文章来源地址:https://www.yii666.com/article/756057.html

instanceof 这个关键字是用来判断 A 是否为 B 的实例。

let arr = []
console.log(arr instanceof Array)

如上所示,控制台会打印出true,因为 arr 是 Array 的一个实例。

那么为何 Element instanceof Node 是 false 呢,因为 Element 是 Node 的子类,但不是它的实例。

console.log(Element instanceof Node)
console.log(Element.__proto__ === Node)

显然,上面第一行为 false,第二行为 true。

我们来看一下 instanceof 方法如何运行的,写一下 instanceof 的实现代码。网址:yii666.com

function myInstanceof(left, right) {
if (left && left.__proto__) {
if (left.__proto__ === right.prototype) {
return true
} else {
return myInstanceof(left.__proto__, right)
}
} else {
return false
}
}

看到 instanceof 的实现方式,是不是就明白 Element instanceof Node 为false了?

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

Element instanceof Node-相关文章

  1. JavaScript中Element与Node的区别,children与childNodes的区别

  2. HTML Element 与 Node 的区别

  3. Element instanceof Node

  4. engine中调整Element的上下显示顺序(遮盖)

  5. element popover 不显示/不隐藏问题解决方法

  6. Authentication failed (rejected by the remote node), please check the Erlang

  7. Element DOM Tree jQuery plugin – Firebug like functionality | RockingCode

    Element DOM Tree jQuery plugin – Firebug like functionality | RockingCodeElement DOM Tree jQuery plugin – Firebug like functionality110Rate thisHave you even seen G+ Feedback page style? It works pretty much like firebug, when you find something working work, you an ordinary user, will point and click which element is buggy so they will know what they nee

  8. element清空图片显示

    使用element-ui,使用el-upload上传图片,上传图片后再次打开还是会有原来的图片,想要清空原来上传的图片,只需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。具体如下:el-upload ref=\\\'upload\\\' class=\\\"upload-demo\\\" action=\\\"uploadUrl\\\" :on

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png