JavaScript运算符typeof与instanceof学习记录

最新推荐文章于 2025-01-08 08:30:00 发布
最新推荐文章于 2025-01-08 08:30:00 发布
阅读量206 收藏
点赞数
分类专栏： 面试题 JavaScript 文章标签： JavaScript 数据类型 typeof instanceof
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41244810/article/details/105858864
版权

JavaScript中typeof 检测数据类型，输出类型的名称

JavaScript有五种简单数据类型

Undefined,Null,Boolean,Number,String

复杂数据类型

Object

常见的检测结果

typeof 检测数据类型，会返回一个小写字母的类型字符串，

只需要一个操作数，

操作数可以是简单数据类型或者函数或者对象

JavaScript 中 instanceof检测对象之间的关联性

typeof 对引用类型存储值进行判断时都会返回 object,所以就需要instanceof

instanceof 常用来判断一个实例是否属于某种类型

instanceof 左边一定要是一个引用类型值，

数组，对象，new function() 都是引用类型值

 

总结

typeof

检测数据类型，

返回小写字母字符串，

操作数可以是简单数据类型、函数或者对象

操作数数量  1个

instanceof

检测对象之间的关联性，

返回值为布尔值，

操作数左边引用类型，右边必须是函数，

操作数数量  2个

 

JavaScript之typeof运算符与instanceof运算符
悦涵仙子的技术笔记本
07-30 305
代码解释：这里的空数组[]、空对象{} ，为啥他们在使用 typeof 时，返回值也是 object呢？因为这里的 返回结果object指的是引用数据类型。空数组、空对象都是引用数据类型 Object。备注 1：为啥 typeof null的返回值也是 object 呢？因为 null 代表的是空对象。备注 2：typeof NaN的返回值是 number，上一篇文章中讲过，NaN 是一个特殊的数字。typeof()表示“获取变量的数据类型”，返回的是类型值，该值是字符串类型。
JS中typeof与instanceof运算符详解及其用途
最新发布
02-12
内容概要：本文深入比较了 JavaScript 中两种类型检查工具：typeof 和 instanceof 的功能及应用方式。对于 typeof 运算符而言，它主要应用于获取基本的数据类型的类别信息。其能够识别并反馈包括 'string'（字符串）...
JavaScript 运算符typeof和instanceof的区别
weixin_45732235的博客
11-01 127
js
JavaScript运算符typeof和instanceof的区别
weixin_49035434的博客
05-03 841
// typeof 作用: 检测数据类型,返回: 小写字母字符串,操作数: 简单数据类型/函数/对象 console.log(typeof(undefined)); // undefined console.log(typeof(true)); // boolean console.log(typeof(false)); // boolean console.log(typeof(5)...
深入理解JavaScript中typeof和instanceof的区别
kaisersama__的博客
06-18 1802
typeof用于检查基本数据类型和函数类型，返回一个表示数据类型的字符串；而instanceof用于检查对象的原型链，返回一个布尔值表示是否是特定构造函数的实例。typeof适用于基本数据类型和函数类型，而instanceof适用于对象实例的检查。typeof返回的是字符串，而instanceof返回的是布尔值。typeof无法准确地判断null的类型，而instanceof可以准确判断对象实例的类型。
深入剖析 JavaScript 中 typeof 与 instanceof 的异同点
yan1915766026的博客
01-08 895
在 JavaScript 类型判断的领域中，typeof与instanceof无疑是开发者手中的两把利器。typeof以简洁的字符串返回值快速揭示基本数据类型的真面目，在判断变量是否存在、初步筛查数据大类时表现出色；instanceof则依托原型链的强大机制，精准锚定对象与构造函数的实例关联，为处理复杂的对象体系、DOM 操作以及函数参数校验提供有力支持。二者虽各有短板，却能通过巧妙组合在诸多实际场景中大放异彩，成为保障代码正确性与健壮性的中流砥柱。
【JavaScript】js中 typeof 与 instanceof 区别
一个前端开发者
10-04 1515
可以看到，上述两种方法都有弊端，并不能满足所有场景的需求。的基本用法，下面就实现一个全局通用的数据类型判断方法。操作符返回一个字符串，表示未经计算的操作数的类型。也就是顺着原型链去找，直到找到相同的原型对象，返回。如果我们想要判断一个变量是否存在，可以使用。表示对象或原始值的表达式，其类型将被返回。从上面例子，前6个都是基础数据类型。之后返回的是有问题的结果，不能作为判断。如果需要通用检测数据类型，可以采用。同时，可以发现引用类型数据，用。会被识别出来之外，其余的都输出。，调用该方法，统一返回格式。
typeof 与 instanceof 的区别，实现一个全局通用的数据类型判断方法
来杯卡布奇诺的博客
08-27 458
为了实现一个全局通用的数据类型判断方法，可以使用 Object.prototype.toString() 方法，它能够准确地返回对象的内部 [[Class]] 属性。如果需要通用检测数据类型，可以采用 Object.prototype.toString，调用该方法，统一返回格式为 “[object Xxx]” 的字符串。而 typeof 也存在弊端，它虽然可以判断基础数据类型（null 除外），但是引用数据类型中，除了 function 类型以外，其他的也无法判断。
js运算符typeof和instanceof
weixin_48047840的博客
02-24 477
typeof和instanceof都是js中的运算符，和js中的其他运算符一样（+ - * /）来完成相关的运算，主要是用来对数据类型进行判断。 typeof 'hello' // 'string' typeof 312 // 'number' typeof NaN // 'number' typeof true // 'boolean' typeof undefined // 'undefined' typeof null // 'object' ty
JavaScript中typeof与instanceof的区别及实现原理
friend_ship的博客
09-26 331
Number、String、Boolean、Undefined、Null、BigInt和Symbol。引用类型（也被称为对象类型）包括Object、Array、Function，以及更复杂的用户定义类型。3.instanceof 是一个运算符，帮助我们确定一个对象是否“属于”某个类或者构造函数。2.typeof是一个操作符，是语言的一个内置特性：用来判断基本类型。1.基本类型与引用类型。
JS中typeof与instanceof之间的区别总结
10-26
在JavaScript中，`typeof`和`instanceof`是两种常用的类型检查操作符，它们各自有其独特的用法和局限性。 `typeof`操作符是一个一元运算符，它用于确定变量或表达式的类型，并返回一个表示该类型的字符串。`typeof`...
详解JavaScript中typeof与instanceof用法
10-17
与typeof不同的是，instanceof可以准确区分对象、数组以及它们的构造函数，因此在处理复杂数据类型时更为可靠。 ### 使用场景 通常，如果你只是想检查一个变量是否已经声明或者想要获取其基本数据类型（number, ...
谈谈我对JavaScript中typeof和instanceof的深入理解
10-23
JavaScript提供了两种主要的方式来判断数据类型：typeof和instanceof。 首先，我们来深入了解typeof。typeof是一个一元运算符，能够用来检测变量的数据类型。它会返回一个表示变量类型的字符串。通常，typeof有以下...
JavaScript 使用正则匹配以什么开头什么结尾的字符串
热门推荐
卷尾巴
04-28 2万+
有一个字符串，要对字符串进行匹配，找到所有以 open 开头， over 结尾的字符串，并存在数组里 var str = "fsadjfsfopendfassfoverfsadfopendfadsfsoverfsadfsfopendfasdfsfsover" var res = str.match(/\open.*?\over/g) // \s 会被识别成正则表达式 要进行转义 ...
JS查找元素在数组中的位置
卷尾巴
03-10 1万+
有数组arr=[1,2,3,4,5], 找出item = 3; 在arr中的位置，无则返回-1； 代码： var arr = [1, 2, 3, 4, 5]; var item = 3; console.log(IndexOf(arr, item)); function IndexOf(arr, item) { return arr.indexOf(item); } 按理说这样就可...
不使用循环控制语句和迭代器实现从0~100的数组赋值
卷尾巴
03-10 2300
不能使用循环和迭代器 创建数组不是问题的关键，关键就是解决数组元素从0到100的递增 可以利用定时器，规定时间走一遍，每走一遍元素值增1 进入定时器，给数组赋值，元素值增1，判断元素值是否自增到预定值 满足需求后，对定时器进行清楚。 代码如下： var arr = []; var i = 0; var set = setInterval(() => { a...
JavaScript如何实现一个类
卷尾巴
04-19 877
构造函数法 缺点，用到了this和prototype，编写复杂，可读性差 function Per(name,age) { this.name = name; this.age = age; } Per.prototype.sell = function () { } var per = new Per('zhangsan',32); per.sell() ES6语...
JavaScript代码输出结果-for循环、setTimeout、let、var
卷尾巴
04-21 863
for(var i = 0 ;i<3;i++){ setTimeout(()=>console.log(i),1) } for (let i = 0; i < 3; i++) { setTimeout(()=>console.log(i),1) } A： 0 1 2 和 0 1 2 B：0 1 2 和 3 3 3 C： 3 3 3 和 0 1...
JavaScript字符串操作，把短线（-）命名格式改变为驼峰命名
卷尾巴
08-27 852
function humpName (params) { //分割字符串为数组 var arr = params.split(''); //判断数组第一个元素是否为 - 是的话删除 if (arr.indexOf('-') == 0) { arr.splice(0, 1) } //遍历数组，对每个元素进行判断 for (var i = 0; i &l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值