首页 web前端 js教程 js中typeof与instanceof分别是什么?有什么区别?

js中typeof与instanceof分别是什么?有什么区别?

Oct 13, 2018 pm 04:35 PM
instanceof typeof 区别

本篇文章主要给大家介绍js中typeof与instanceof的区别

首先大家应该要简单了解typeof是什么?

typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 可以用来检测给定变量的数据类型。

instanceof是什么?

instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。通常来讲,使用 instanceof 就是判断一个实例是否属于某种类型。

js中typeof与instanceof的相同点:

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。

不同处:

一、typeof的定义和用法:

返回值是一个字符串,用来说明变量的数据类型。

具体用法细节:

1、typeof 一般只能返回如下几个结果:

'undefined' :这个值未定义。

'boolean':这个值是布尔值。

'string' :这个值是字符串。

'number' :这个值是数值。

'object':这个值是对象或null。

'function' :这个值是函数。
2、typeof 来获取一个变量是否存在,如

if(typeof a!="undefined"){alert("ok")}
登录后复制

而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错。

3、对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。
二、Instanceof定义和用法:

Instanceof定义和用法:instanceof 用于判断一个变量是否属于某个对象的实例。也可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

示例:

a instanceof b?alert("true"):alert("false"); //a是b的实例?真:假
登录后复制
 var a=new Array();alert(a instanceof Array);
登录后复制

会返回 true,同时

alert(a instanceof Object)
登录后复制

也会返回 true;

这是因为 Array 是 object 的子类。

再如:

function test(){};var a=new test();alert(a instanceof test)
登录后复制

会返回object。

测试:

var a=new Array();if (a instanceof Object) alert('Y');else alert('N');
登录后复制

得'Y',而

if (window instanceof Object) alert('Y');else alert('N');
登录后复制

得'N'。

所以,这里的 instanceof 测试的 object 是指 js 语法中的 object,不是指 dom 模型对象。

使用 typeof 会有些区别:

alert(typeof(window))
登录后复制

会得 object。

本篇就是关于js中typeof与instanceof的区别介绍,希望对需要的朋友有一定的帮助!

想要了解更多前端知识点,可以关注PHP中文网JavaScript视频教程Bootstrap视频教程等等相关教程,欢迎大家参考学习!

以上是js中typeof与instanceof分别是什么?有什么区别?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1653
14
CakePHP 教程
1413
52
Laravel 教程
1304
25
PHP教程
1251
29
C# 教程
1224
24
PS导出PDF如何设置密码保护 PS导出PDF如何设置密码保护 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中导出带密码保护的 PDF:打开图像文件。点击“文件”>“导出”>“导出为 PDF”。设置“安全性”选项,两次输入相同的密码。点击“导出”生成 PDF 文件。

H5和小程序与APP的区别 H5和小程序与APP的区别 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要区别在于:技术架构:H5基于网页技术,小程序和APP为独立应用程序。体验和功能:H5轻便易用,功能受限;小程序轻量级,交互性好;APP功能强大,体验流畅。兼容性:H5跨平台兼容,小程序和APP受平台限制。开发成本:H5开发成本低,小程序中等,APP最高。适用场景:H5适合信息展示,小程序适合轻量化应用,APP适合复杂功能应用。

在router文件夹下的index.js文件中为什么需要调用Vue.use(VueRouter)? 在router文件夹下的index.js文件中为什么需要调用Vue.use(VueRouter)? Apr 05, 2025 pm 01:03 PM

在router文件夹下的index.js文件中注册VueRouter的必要性在开发Vue应用程序时,常常会遇到关于路由配置的问题。特�...

centos和ubuntu的区别 centos和ubuntu的区别 Apr 14, 2025 pm 09:09 PM

CentOS 和 Ubuntu 的关键差异在于:起源(CentOS 源自 Red Hat,面向企业;Ubuntu 源自 Debian,面向个人)、包管理(CentOS 使用 yum,注重稳定;Ubuntu 使用 apt,更新频率高)、支持周期(CentOS 提供 10 年支持,Ubuntu 提供 5 年 LTS 支持)、社区支持(CentOS 侧重稳定,Ubuntu 提供广泛教程和文档)、用途(CentOS 偏向服务器,Ubuntu 适用于服务器和桌面),其他差异包括安装精简度(CentOS 精

JavaScript中如何从指定DOM节点下使用XPath进行查找? JavaScript中如何从指定DOM节点下使用XPath进行查找? Apr 04, 2025 pm 11:15 PM

DOM节点下XPath查找方法详解在JavaScript中,我们经常需要根据XPath表达式从DOM树中查找特定的节点。如果需要从某�...

不同数据库系统添加列的语法有什么区别 不同数据库系统添加列的语法有什么区别 Apr 09, 2025 pm 02:15 PM

不同数据库系统添加列的语法为:mysql:alter table table_name add column_name data_type; postgresql:alter table table_name添加column_name data_type; oracle; oracle:alter table table_name add(column_name data_type)

H5和小程序的推广方式有何不同 H5和小程序的推广方式有何不同 Apr 06, 2025 am 11:03 AM

H5与小程序的推广方式存在差异:平台依赖性:H5依赖浏览器,小程序依赖特定平台(如微信)。用户体验:H5体验较差,小程序提供类似原生应用的流畅体验。传播方式:H5通过链接传播,小程序通过平台分享或搜索。H5推广方式:社交分享、邮件营销、QR码、SEO、付费广告。小程序推广方式:平台推广、社交分享、线下推广、ASO、与其他平台合作。

console.log输出结果差异:为什么同样的变量,打印方式不同,结果却不一样? console.log输出结果差异:为什么同样的变量,打印方式不同,结果却不一样? Apr 04, 2025 am 11:48 AM

深入探讨console.log输出差异本文将分析一段代码中console.log函数输出结果不同的原因。代码片段涉及URL参数解析�...

See all articles