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

相关文章

C#中async await异步关键字用法和异步的底层原理全解析

《C#中asyncawait异步关键字用法和异步的底层原理全解析》:本文主要介绍C#中asyncawait异步关键字用法和异步的底层原理全解析,本文给大家介绍的非常详细,对大家的学习或工作具有一... 目录C#异步编程一、异步编程基础二、异步方法的工作原理三、代码示例四、编译后的底层实现五、总结C#异步编程

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

python3 gunicorn配置文件的用法解读

《python3gunicorn配置文件的用法解读》:本文主要介绍python3gunicorn配置文件的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python3 gunicorn配置文件配置文件服务启动、重启、关闭启动重启关闭总结python3 gun

MySQL 中的 LIMIT 语句及基本用法

《MySQL中的LIMIT语句及基本用法》LIMIT语句用于限制查询返回的行数,常用于分页查询或取部分数据,提高查询效率,:本文主要介绍MySQL中的LIMIT语句,需要的朋友可以参考下... 目录mysql 中的 LIMIT 语句1. LIMIT 语法2. LIMIT 基本用法(1) 获取前 N 行数据(

C#中DrawCurve的用法小结

《C#中DrawCurve的用法小结》本文主要介绍了C#中DrawCurve的用法小结,通常用于绘制一条平滑的曲线通过一系列给定的点,具有一定的参考价值,感兴趣的可以了解一下... 目录1. 如何使用 DrawCurve 方法(不带弯曲程度)2. 如何使用 DrawCurve 方法(带弯曲程度)3.使用Dr

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

C++ vector的常见用法超详细讲解

《C++vector的常见用法超详细讲解》:本文主要介绍C++vector的常见用法,包括C++中vector容器的定义、初始化方法、访问元素、常用函数及其时间复杂度,通过代码介绍的非常详细,... 目录1、vector的定义2、vector常用初始化方法1、使编程用花括号直接赋值2、使用圆括号赋值3、ve

MySQL中FIND_IN_SET函数与INSTR函数用法解析

《MySQL中FIND_IN_SET函数与INSTR函数用法解析》:本文主要介绍MySQL中FIND_IN_SET函数与INSTR函数用法解析,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一... 目录一、功能定义与语法1、FIND_IN_SET函数2、INSTR函数二、本质区别对比三、实际场景案例分

pytorch之torch.flatten()和torch.nn.Flatten()的用法

《pytorch之torch.flatten()和torch.nn.Flatten()的用法》:本文主要介绍pytorch之torch.flatten()和torch.nn.Flatten()的用... 目录torch.flatten()和torch.nn.Flatten()的用法下面举例说明总结torch