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

相关文章

Linux中shell解析脚本的通配符、元字符、转义符说明

《Linux中shell解析脚本的通配符、元字符、转义符说明》:本文主要介绍shell通配符、元字符、转义符以及shell解析脚本的过程,通配符用于路径扩展,元字符用于多命令分割,转义符用于将特殊... 目录一、linux shell通配符(wildcard)二、shell元字符(特殊字符 Meta)三、s

java脚本使用不同版本jdk的说明介绍

《java脚本使用不同版本jdk的说明介绍》本文介绍了在Java中执行JavaScript脚本的几种方式,包括使用ScriptEngine、Nashorn和GraalVM,ScriptEngine适用... 目录Java脚本使用不同版本jdk的说明1.使用ScriptEngine执行javascript2.

oracle中exists和not exists用法举例详解

《oracle中exists和notexists用法举例详解》:本文主要介绍oracle中exists和notexists用法的相关资料,EXISTS用于检测子查询是否返回任何行,而NOTE... 目录基本概念:举例语法pub_name总结 exists (sql 返回结果集为真)not exists (s

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

Redis分布式锁使用及说明

《Redis分布式锁使用及说明》本文总结了Redis和Zookeeper在高可用性和高一致性场景下的应用,并详细介绍了Redis的分布式锁实现方式,包括使用Lua脚本和续期机制,最后,提到了RedLo... 目录Redis分布式锁加锁方式怎么会解错锁?举个小案例吧解锁方式续期总结Redis分布式锁如果追求

结构体和联合体的区别及说明

《结构体和联合体的区别及说明》文章主要介绍了C语言中的结构体和联合体,结构体是一种自定义的复合数据类型,可以包含多个成员,每个成员可以是不同的数据类型,联合体是一种特殊的数据结构,可以在内存中共享同一... 目录结构体和联合体的区别1. 结构体(Struct)2. 联合体(Union)3. 联合体与结构体的

Springboot中Jackson用法详解

《Springboot中Jackson用法详解》Springboot自带默认json解析Jackson,可以在不引入其他json解析包情况下,解析json字段,下面我们就来聊聊Springboot中J... 目录前言Jackson用法将对象解析为json字符串将json解析为对象将json文件转换为json

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

关于SpringBoot的spring.factories文件详细说明

《关于SpringBoot的spring.factories文件详细说明》spring.factories文件是SpringBoot自动配置机制的核心部分之一,它位于每个SpringBoot自动配置模... 目录前言一、基本结构二、常见的键EnableAutoConfigurationAutoConfigu

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom