百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

JavaScript类型指南,如何进行类型判断

bigegpt 2025-02-26 11:00 8 浏览

前言

JavaScript作为一门动态类型语言,其变量在运行时可以改变类型,本质只是保存值的一个名称,变量本身并不会约束值类型,这为灵活性提供了很大的空间,但也带来了类型判断的复杂性;在开发过程中,准确地判断变量的类型对于确保代码的健壮性和可维护性至关重要

数据类型

在进行类型判断前,先了解下Js都有哪些类型,和大多数编程语言类似,可分为基本类型引用类型两类

基本类型

基本类型也可称为原始类型,它们的值是原始的、不可变的,即直接存储在变量(栈内存)中,代表数据本身

基本类型本身是不具备属性和方法,不能像对象一样进行修改或扩展;对于基本类型的任何操作(如拼接字符串、数学运算等),都会返回一个新值,而不会修改原始值

基本类型本质是不具备方法和属性,但我们可以使用类似'something'.length访问属性的方式获取字符串的长度;这是当我们尝试访问基本类型的属性或方法时,JavaScript会自动将基本类型转换为其对应的对象类型(包装类型),这个过程称为“装箱”(boxing)

如:当尝试访问字符串的属性或调用字符串的方法时,JavaScript会临时创建一个String对象,在这个对象上,可以使用属性和方法,本质上是在String对象上调用的,变量本身还是一个基本类型字符串

  • undefined — 表示未定义的值
  • null — 表示空的或不存在的对象引用
  • boolean — 只有两个值,truefalse;其包装类型为Boolean
  • number — 用于表示数字,包括整数和浮点数;其包装类型为Number
  • string — 表示文本数据,是由一对单引号或双引号括起来的字符序列;其包装类型为String
  • symbol — 表示唯一不可变的原始值,可用于做对象属性的唯一标识符;其包装类型为Symbol
  • bigint — 表示任意大小的整数;其包装类型为BigInt

symbol是在ES 2015引入的,主要用于创建私有对象属性,避免命名冲突

bigint是在ES 2019引入的,主要用于处理大整数计算等

引用类型

引用类型也可称为对象类型,在JavaScript中几乎所有的非基本类型值都是对象;对象值本身保存在堆内存中,变量保存的是对象的引用(地址),如:

  • Object — 是JavaScript中最基本的对象类型,几乎所有的对象都继承自Object
  • Function — 是一种特殊对象(函数),用于封装可执行的代码块
  • Array — 是一种特殊的对象类型,用于存储有序的数据集合(数组)
  • Date — 日期对象,用于处理日期和时间
  • Error — 用于表示错误的对象,包含有用的错误信息

以上仅列出一些常用的内置对象,Js还有很多内置对象,具体可看其标准库

类型判断

判断类型是Js比较常见的一个需求,在Js中提供了一些操作符、方法,可用于辅助判断类型

typeof

typeof是一个用于返回一个变量(除null外)的基本类型的操作符

语法如下:

  • operand表示需判断类型的表达式

其可能值如下:

  • undefined — 未定义的值
  • boolean — 布尔
  • number — 数值
  • string — 字符串
  • bigint bigint类型,大整数,以n为后缀的整数
  • symbol — 唯一值
  • object — 对象或空值(null)
  • function — 函数

举个栗子

typeof主要用于判断除null外的基本类型,对于对象类型应用更精确的判断方法

其中,typeof null返回object是由于 JavaScript 的早期设计(null 被认为是一个空对象的引用)和内部类型标签的历史遗留问题;这一行为虽然不符合直觉,但由于其广泛使用和兼容性考虑,JavaScript 语言标准保持了这一结果

在实际编程中,建议使用更明确的方法来检查null和对象类型,以避免混淆

如:可以用=== null的形式判断null

instanceof

instanceof用于检测一个对象是否是某个构造函数的实例,本质是判断构造函数的prototype属性是否出现在某个实例对象的原型链上

语法如下:

  • object为需判断的对象实例
  • constructor表示对应的对象

如果object的原型链中存在constructor.prototype,则返回true,否则返回false;简单的说,就是判断object是否是constructor的实例

举个栗子

instanceof只能用来检测对象类型,而不能用于检测基本类型

class语法是在ES 2015中引入的,用于定义构造函数和类的继承,基于function构造器实现的,实际上是函数的一个特殊形式,因此instanceof Function为true

模拟实现

根据instanceof的判断原理,我们可以自己实现一个instanceof,如下:

constructor

instanceof类似,可以通过对象的constructor属性直接检查构造函数,以此判断类型

如下:

instanceof是用于判断对象是否是某个构造函数的实例的强大工具,能够正确处理继承和原型链关系;而直接判断constructor仅适用于简单情况,对于复杂的继承结构可能会导致误判

注意:constructor属性在某些情况下可能被重写,因此不是最可靠的方式

获取类型名称

主要通过
Object.prototype.toString.call()
方法获取,是一种比较可靠的对象类型判断方式,其返回一个标准格式的字符串[object Type],其中Type是对象的类型,默认情况下会返回[object Object]

举个栗子

使用这种方法可以较为准确地判断值的类型

观察以上代码,可发现对于自定义类的实例类型,只能返回默认的[object Object],如果我们希望其能够返回有意义的类型字符串,需要对其对象做一些增强,通过特殊的对象属性Symbol.toStringTag自定义对象的toString方法的行为


Object.prototype.toString.call()
适用于所有JavaScript内置数据类型,包括基本类型和对象类型

我们可以对其进行一些简单的封装,使其直接返回实例类型,方便判断使用:

总结

JavaScript提供了多种类型判断的方法,各自有其适用的场景,typeof操作符简单且适用于基本类型的判断,而instanceof
Object.prototype.toString.call()
更适合复杂对象的判断;在实际应用中,可根据不同的需求选择合适的类型判断方式



相关推荐

Linux 系统启动完整流程

一、启动系统流程简介如上图,简述系统启动的大概流程:1:硬件引导UEFi或BIOS初始化,运行POST开机自检2:grub2引导阶段系统固件会从MBR中读取启动加载器,然后将控制权交给启动加载器GRU...

超专业解析!10分钟带你搞懂Linux中直接I/O原理

我们先看一张图:这张图大体上描述了Linux系统上,应用程序对磁盘上的文件进行读写时,从上到下经历了哪些事情。这篇文章就以这张图为基础,介绍Linux在I/O上做了哪些事情。文件系统什么是...

linux入门系列12--磁盘管理之分区、格式化与挂载

前面系列文章讲解了VI编辑器、常用命令、防火墙及网络服务管理,本篇将讲解磁盘管理相关知识。本文将会介绍大量的Linux命令,其中有一部分在“linux入门系列5--新手必会的linux命令”一文中已经...

Linux环境下如何设置多个交叉编译工具链?

常见的Linux操作系统都可以通过包管理器安装交叉编译工具链,比如Ubuntu环境下使用如下命令安装gcc交叉编译器:sudoapt-getinstallgcc-arm-linux-gnueab...

可算是有文章,把Linux零拷贝技术讲透彻了

阅读本文大概需要6.0分钟。作者:卡巴拉的树链接:https://dwz.cn/BaQWWtmh本文探讨Linux中主要的几种零拷贝技术以及零拷贝技术适用的场景。为了迅速建立起零拷贝的概念...

linux软链接的创建、删除和更新

大家都知道,有的时候,我们为了省下空间,都会使用链接的方式来进行引用操作。同样的,在系统级别也有。在Windows系列中,我们称其为快捷方式,在Linux中我们称其为链接(基本上都差不多了,其中可能...

Linux 中最容易被黑客动手脚的关键目录

在Linux系统中,黑客攻击后常会针对关键目录和文件进行修改以实现持久化、提权或隐藏恶意活动。本文介绍下黑客最常修改的目录及其手法。一、/etc目录关键文件有:/etc/passwd和/et...

linux之间传文件命令之Rsync傻瓜式教程

1.前言linux之间传文件命令用什么命令?本文介绍一种最常用,也是功能强大的文件同步和传输工具Rsync,本文提供详细傻瓜式教程。在本教程中,我们将通过实际使用案例和最常见的rsync选项的详细说...

Linux下删除目录符号链接的方法

技术背景在Linux系统中,符号链接(symlink)是一种特殊的文件,它指向另一个文件或目录。有时候,我们可能需要删除符号链接,但保留其指向的目标目录。然而,在删除符号链接时可能会遇到一些问题,例如...

阿里云国际站注册教程:aa云服务器怎么远程链接?

在全球化的今天,互联网带给我们无以计数的便利,而云服务器则是其中的重要基础设施之一。这篇文章将围绕阿里云国际站注册、aa云服务器如何远程链接,以及服务器安全防护如Ddos防火墙、网站应用防护waf防火...

Linux 5.16 网络子系统大范围升级 多个新适配器驱动加入

Linux在数据中心中占主导地位,因此每个内核升级周期的网络子系统变化仍然相当活跃。Linux5.16也不例外,周一最新与网络相关的更新加入了大量的驱动和新规范的支持。一个较新硬件的驱动是Realt...

搭建局域网文件共享服务(Samba),手机电脑都能看喜欢的影视剧

作为一名影视爱好者,为了方便地观看自己喜欢的影视作品,在家里搞一个专门用来存放电影的服务器是有必要的。蚁哥选则用一台Ubuntu系统的电脑做为服务器,共享影音文件,其他同一个局域网内的电脑或手机可以...

分享一个实用脚本—centos7系统巡检

概述这周闲得慌,就根据需求写了差不多20个脚本(部分是之前分享过的做了一些改进),今天主要分享一个给平时运维人员用的centos7系统巡检的脚本,或者排查问题检查系统情况也可以用..实用脚本#!/bi...

Linux 中创建符号链接的方法

技术背景在Linux系统里,符号链接(SymbolicLink),也被叫做软链接(SoftLink),是一种特殊的文件,它指向另一个文件或者目录。符号链接为文件和目录的管理带来了极大的便利,比...

一文掌握 Linux 符号链接

符号链接(SymbolicLink),通常被称为“软链接”,是Linux文件系统中一种强大而灵活的工具。它允许用户创建指向文件或目录的“快捷方式”,不仅简化了文件管理,还在系统配置、软件开发和日...