当前位置：网站首页 > 编程网 > 正文

「JS很简单」JavaScript 基础之 instanceof操作符

yuyutoo 2024-10-12 01:47 6 浏览 0 评论

最近开始在整理ES6/ES7/ES8/ES9的知识点（已经上传到我的博客上），碰到一些知识点是自己已经忘记（用得少的知识点），于是也重新复习了一遍。

这篇文章要复习的 instanceof 是我在整理过程中遇到的，那就整理下来吧，不然容易忘记。

要是哪里写得不妥，欢迎各位大佬指点。

1.定义

instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置。 —— MDN

简单理解为：instanceof可以检测一个实例是否属于某种类型。

比如：

还可以在继承关系中用来判断一个实例是否属于它的父类型。

比如：

2.使用方法

语法为: object instanceof constructor。

object : 需要测试的函数
constructor : 构造函数

即：用instanceof运算符来检测constructor.prototype 是否存在参数object的原型链。

注意：

a instanceof F 返回 true 以后，不一定永远都都返回为true，F.prototype属性的值有可能会改变。
原表达式a的值也会改变，比如 a.__proto__ = {}之后，a instanceof F就会返回false了。

检测对象是不是特定构造函数的实例：

3.实现instanceof

4.instanceof 与 typeof 对比

相同：

instanceof和typeof都能用来判断一个变量的类型。

区别：

instanceof 只能用来判断对象、函数和数组，不能用来判断字符串和数字等：

typeof ：用于判断一个表达式的原始值，返回一个字符串。

一般返回结果有：

number
boolean
string
function（函数）
object（NULL,数组，对象）
undefined。

判断变量是否存在：

不能使用：

原因是如果变量未定义，就会报未定义的错，而应该使用：

5.参考资料

MDN instanceof
IBM instanceof
js中typeof和instanceof用法区别

instanceof

上一篇：typeof 能否正确判断类型?与instanceof 有什么不同?一个个分析
下一篇：instanceof 和 typeof 的实现原理

「JS很简单」JavaScript 基础之 instanceof操作符

1.定义

2.使用方法

3.实现instanceof

4.instanceof 与 typeof 对比

5.参考资料

相关推荐

取消回复欢迎你发表评论:

前端面试:iframe 的优缺点? iframe有那些缺点

带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?

漫学笔记之PHP.ini常用的配置信息

其实模版网站在开发工作中很重要，推荐几个参考站给大家

推荐7个模板代码和其他游戏源码下载的网址

[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗

正在学习使用python搭建自动化测试框架?这个系统包你可能会用到

织梦(Dedecms)建站教程织梦建站详细步骤

【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)

2024PHP在线客服系统源码+完全开源带详细搭建教程

「JS很简单」JavaScript 基础之 instanceof操作符

1.定义

2.使用方法

3.实现instanceof

4.instanceof 与 typeof 对比

5.参考资料

微信扫一扫：分享

相关推荐

取消回复欢迎 你 发表评论:

前端面试:iframe 的优缺点? iframe有那些缺点

带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?

漫学笔记之PHP.ini常用的配置信息

其实模版网站在开发工作中很重要，推荐几个参考站给大家

推荐7个模板代码和其他游戏源码下载的网址

[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗

正在学习使用python搭建自动化测试框架?这个系统包你可能会用到

织梦(Dedecms)建站教程 织梦建站详细步骤

【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)

2024PHP在线客服系统源码+完全开源 带详细搭建教程

取消回复欢迎你发表评论:

织梦(Dedecms)建站教程织梦建站详细步骤

2024PHP在线客服系统源码+完全开源带详细搭建教程