js学习总结_基于数据类型检测的四种方式(必看)
1、typeof 用来检测数据类型的运算符
console.log(typeof 12)//Number
使用typeof检测数据类型,首先返回的都是字符串 ,其次字符串中包含了对应的数据类型
例如:"number"、"string"、"boolean"、"undefined"、"function"、"object"
console.log(typeof typeof function(){}) //string
局限性:
typeof null -> "object"
不能具体的细分是数组还是正则,还是对象中其他的值,因为使用typeof检测数据类型,对于对象数据类型中的值,最后返回的结果都是"object"
2、instanceof 检测某一个实例是否属于某个类
var obj = [12,23]; console.log(obj instanceof Array);
局限性:
对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定的区别的。从严格意义上讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的Number这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于JS的松散特点,导致了可以使用Number.prototype上的方法
1)、不能用来检测和处理字面量方式创建出来的基本数据类型值
console.log(1 instanceof Number);//false console.log(new Number(1) instanceof Number)//true
2)、instanceof的特性:只要在当前实例的原型链上,我们用其检测的结果都为true
var ary = []; console.log(ary instanceof Array);//true console.log(ary instanceof Object);//true function fn(){ } console.log(fn instanceof Function);//true console.log(fn instanceof Object);//true
3、constructor 构造函数 作用和instanceof非常的相似 constructor可以处理基本数据类型的检测
constructor检测Object和instanceof不一样 一般情况下是检测不了的
var obj = []; console.log(obj.constructor === Array)//true var num = 1; console.log(num.constructor === Number)//true
局限性:我们可以把类的原型进行重写,在重写的过程中很有可能出现把之前的constructor给覆盖掉了,这样检测出来的结果就不准确了。
对于特殊的数据类型null和undefined,他们所属的类是Null和Undefined,但是浏览器把这两个类保护起来了,不允许我们在外面访问使用
4、Object.prototype.toString.call() 最准确最常用的方式 各种类型的都可以检测(基本和引用)
首先获取Object原型上的toString方法,让方法执行,并且改变方法中的this关键字的指向
toString的理解:
表面上看应该是转化成字符串,但是某些toString方法不仅仅是转换为字符串
对于Number、String、Boolean、Array、RegExp、Date、Function原型上的toString方法都是把当前的数据类型转化为字符串的类型(他们的作用仅仅是用来转换为字符串的)
Object.prototype.toString()并不是用来转化为字符串的,他的作用是返回当前方法执行主体(方法中的this)所属类的详细信息。
({name:"李四"}).toString() //[object object] Math.toString()//[object Math]
({name:"李四"}).toString() //[object object] Math.toString()//[object Math] var obj = {name:"张三"}; console.log(obj.toString())//toString中的this是obj,返回的是obj所属的类的信息。[object Object] 第一个object代表当前实例是对象数据类型的(这个是固定的),第二个Object代表的是obj所属的类是Object
console.log((1).toString()) // "1" Number.prototype.toString转化为字符串
console.log((128).toString(2/8/10)) 把数字转化为2进制、8进制、10进制
所以上面的方法的检测如下
var ary = []; console.log(Object.prototype.toString.call(ary))//[object Array]
以上这篇js学习总结_基于数据类型检测的四种方式(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
- spark2.2 SparkSession思考与总结1
- 【译】Spring 官方教程:Spring Security 架构
- hdu----(4301)Divide Chocolate(状态打表)
- hdu------(4300)Clairewd’s message(kmp)
- TensorFlow ML cookbook 第一章7、8节 实现激活功能和使用数据源
- Go语言struct类型详解
- spark1.x升级spark2如何升级及需要考虑的问题
- 使用 kubeadm 创建一个 kubernetes 集群
- Oracle 12c 多租户专题|CDB元数据内幕
- 深入分析golang多值返回以及闭包的实现
- Hadoop3.0扩展Yarn资源模型详解2:资源Profiles说明
- hdu------(1525)Euclid's Game(博弈决策树)
- Go语言指针访问结构体的方法
- Spring Boot & Spring Cloud 应用内存管理
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- MySQL ORDER BY,GROUPBY 与各种JOIN
- (三) Mybatis动态SQL语句 - Titan的Mybatis系列学习笔记
- (二) 使用Mybatis完成CRUD操作 - Titan的Mybatis系列学习笔记
- 轻松使用纯css3打造有点意思的故障艺术(附React加强组件版)
- (一)Mybatis的入门 - Titan的Mybatis系列学习笔记
- Hadoop安装与环境配置入门
- Elasticsearch源码解析:环境搭建
- SpringBoot整合JWT认证机制实现接口鉴权
- [Java] Java多线程的探索 -获取新闻标题
- Java中对文件进行MD5加密
- [数据结构] 使用最小堆思想实现哈夫曼编解码
- [数据结构] 括号符的匹配
- [数据结构] 平衡二叉查找树 (AVL树)
- 写给前端的算法进阶指南,我是如何两个月零基础刷200题
- [Java] 在Java中优雅地进行文件IO操作