js中typeof的用法与说明

2024-03-03 22:32
文章标签 js 用法 说明 typeof

本文主要是介绍js中typeof的用法与说明,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

typeof是一个一元运算符,返回的是字符串,对于不同的操作数,返回的结果不同。

使用

typeof是一个运算符,有2种使用方式:

  • typeof(表达式):对表达工做运算。
  • 和typeof(变量名):对变量做运算。

返回值

返回值的返回类型是字符串

  1. ‘undefined’ ----未定义的变量或值
  2. ‘boolean’ ----布尔类型的变量或值
  3. ‘string’ ----字符串类型的变量或值
  4. ‘number’ -----数字类型的变量或值
  5. ‘object’ -----对象类型的变量或值,或者null(js遗留问题,将null作为object类型处理)
  6. ‘function’ ----函数类型的变量或值
  7. ’symbol’ -----ES6提供的新的类型

举例子

typeof语法中的圆括号是可选项,如 typeof 123 等同于 typeof(123)。
typeof运算符把数组,对象或者null返回object。

//Numbers
typeof 12; //'number'
typeof 2.12; //number'
typeof(212);//'number'
typeof Math.LN2;//'number'   Math.LN2属性表示2的自然对数 Math.LN2=ln(2);约为0.693;
typeof Infinity;//'number'  Infinity不是常量,该属性是用于存放表示正无穷大的数值。如:var t1=1.25688745852369E+1023589;console.log(t1)//Infinity
typeof NaN;//'number'
typeof Number(212);//212//Strings
typeof '';//'string'
typeof 'hello';//'string'
typeof '123' ;// 'string'
typeof (typeof 1) ;//'string'  typeof 1返回的是字符串'number' typeof('number')==='string'
typeof string(123);//'123'//Booleans
typeof true;//'boolean'
typeof false;//'boolean'
typeof Boolean(true);//'boolean'//Undefined
typeof undefined;//'undefined'
typeof aaa;//'undefined'  
var aaa;typeof aaa;//'undefined';//在js中,没有值的变量,其值是undefined.typeof也返回undefined.
var aaa='';typeof aaa;//'string'; 空值与undefined不一样。空的字符串既有值也有类型。//Symbols
typeof Symbol();//'symbol'
typeof Symbol('foo');//'symbol'
typeof Symbol.iterator;//'symbol'//Objects
typeof {a:1};//'boject'
typeof [1,2,3];//'object'  typeof运算符对数组返回'object',因为是js中数组属于对象
typeof new Date();//'object'
typeof null;//'object'
typeof new Boolean(true);//'object'
typeof new Number(1);//'object'
typeof new String('abc')'//'object'
typeof /a/;//'object'
var aaa=null; typeof aaa //'object' //Functions
typeof function(){};//'function'
typeof class c {};//'function'
typeof Math.sin;//'function'

注意

我们在平时使用中,判断一个变量是否存在,经常会用if()来判断。比如:

  • 判断一个变量是否存在: if(a){}; 如果a不存在/或者a未声明,则会出错。工作台会出现 Uncaught ReferenceError:a is not defined;
  • 判断一个对象是否存在:var list={ name:‘sxx’ };如果是一个对象。if(storeList.name){} 工作台会出现 storeList is not defined;if(storeList != ‘undefiend’){} 也会提示storeList is not defined; 正确用法 if(typeof storeList !=‘undefined’){} 就不会出错了。
  • 对于Array,Null等特殊对象使用typeof一律返回object,这是typeof的局限性。
  • 判断一个对象是否是数组:instanceof用于判断一上变量是否某个对象的实例,如var a=new Array();console.log(a instanceof Array) ,返回true;console.log(a instanceof Object)也返回true;这是因为Array是Object的子类。a instanceof Object返回true并不是因为Array是Object的子对象,而是因为Array的prototype属性构造于object,Array的父级是Function。

这篇关于js中typeof的用法与说明的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/771121

相关文章

Python中logging模块用法示例总结

《Python中logging模块用法示例总结》在Python中logging模块是一个强大的日志记录工具,它允许用户将程序运行期间产生的日志信息输出到控制台或者写入到文件中,:本文主要介绍Pyt... 目录前言一. 基本使用1. 五种日志等级2.  设置报告等级3. 自定义格式4. C语言风格的格式化方法

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

Java中HashMap的用法详细介绍

《Java中HashMap的用法详细介绍》JavaHashMap是一种高效的数据结构,用于存储键值对,它是基于哈希表实现的,提供快速的插入、删除和查找操作,:本文主要介绍Java中HashMap... 目录一.HashMap1.基本概念2.底层数据结构:3.HashCode和equals方法为什么重写Has

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域(CoroutineScope)与生命周期绑定Activity/Fragment 中手

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键

Redis中哨兵机制和集群的区别及说明

《Redis中哨兵机制和集群的区别及说明》Redis哨兵通过主从复制实现高可用,适用于中小规模数据;集群采用分布式分片,支持动态扩展,适合大规模数据,哨兵管理简单但扩展性弱,集群性能更强但架构复杂,根... 目录一、架构设计与节点角色1. 哨兵机制(Sentinel)2. 集群(Cluster)二、数据分片

Python中yield的用法和实际应用示例

《Python中yield的用法和实际应用示例》在Python中,yield关键字主要用于生成器函数(generatorfunctions)中,其目的是使函数能够像迭代器一样工作,即可以被遍历,但不会... 目录python中yield的用法详解一、引言二、yield的基本用法1、yield与生成器2、yi

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

深度解析Python yfinance的核心功能和高级用法

《深度解析Pythonyfinance的核心功能和高级用法》yfinance是一个功能强大且易于使用的Python库,用于从YahooFinance获取金融数据,本教程将深入探讨yfinance的核... 目录yfinance 深度解析教程 (python)1. 简介与安装1.1 什么是 yfinance?