美文网首页
数据类型检测的四种方式

数据类型检测的四种方式

作者: 子心_ | 来源:发表于2019-06-16 20:44 被阅读0次

instanceof检测

  1. 不能用来检测和处理字面量方式创建出来的基本数据类型值
    对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定的区别的,从严格意义上来讲,只有实例创建出来的结果才是标准的。对象数据类型值,也是标准的Number这个类的一个实例,对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于JS的松散特点,导致了可以使用Number.prototype上提供的方法:
console.log(1 instanceof Number); // false
console.log(new Number(1) instanceof Number); // true
  1. 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

在类的原型继承中,我们最后检测出来的结果未必准确

 function Fn () {}
 var ary = new Array;
 Fn.prototype = ary; // 原型继承:让子类的原型等于父类的一个实例
 var f = new Fn;
 // f -> Fn.prototype -> Array.prototype -> Object.prototype
 console.log(f instanceof Array); // true 
 // ->自己写一个类,作用是创建一个类数组(索引和length),但是可以使用数组的方法(在它的原型链上就应该有Array.prototype)

constructor函数

constructor 构造函数作用和instanceof非常的相似

var obj = [];
console.log(obj.constructor === Array); // ->true
console.log(obj.constructor === RegExp); // -> false

constructor可处理基本数据类型的检测:

var num = 1;
console.log(num.constructor === Number);
// constructor检测Object和instanceof不一样,一般情况下是检测不了的
var reg = /^$/;
console.log(reg.constructor === RegExp); // -> true
console.log(reg.constructor === Object); // -> false

constructor局限性:我们可以把类的原型进行重写,在重写过程功能中很有可能出现把之前的constructor给覆盖了,这样检测出来的结果就是不准确的

function Fn() {}
Fn.prototype = new Array;
var f = new Fn;
console.log(f.constructor); // -> Array
// -> 对于特殊的数据类型`null`和`undefined`,他们的所属类型是`Null`和`Undefined`,但是浏览器把这两个类保护起来了,不允许我们在外面访问使用。

Object.prototype.toString.call()最准确最常用的方式

首先获取Object原型上的toString方法,让方法执行,并且改变方法中的this关键字的指向
Object.prototype.toString它的作用是返回当前方法的执行主体(方法中this)所属类的详细信息:

var obj = {name: "北京"};
console.log(obj.toString()); // -> toString中的this是谁obj,返回的是obj所属类的信息->"[object Object]" 第一个object代表当前实例是对象数据类型的(这个是固定死的),第二个Object代表的是obj所属类是Object
// Math.toString() -> toString中的this是Math,那么返回的Math所属类的信息——》"[object Math]"

var ary = [];
console.log(Object.prototype.toString.call(ary)); // -> "[object Array]"

toString理解:

乍一看应该是转换为字符串,但是某些toString方法不仅仅是转换为字符串。
对于Number、String、Boolean、Array、RegExp、Date、Function原型上的toString方法都是把当前的数据类型转换为字符串的类型(他们的作用仅仅是用来转换为字符串的)
Object.prototype.toString并不是用来转换为字符串的
({name: "北京"}).toString() -> "[object Object]"
Math.toString() -> "[object Math]"

Number.prototype.toString方法是转为字符串

console.log((1).toString()); // -> Number.prototype.toString -> "1"转换为字符串
console.log((1).__proto__.__proto__.toString());

Object.prototype.toString -> "[object Object]"
console.log((128).toString(2|8|10)); -> 把数字转换为二进制/八进制/十进制

相关文章

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • JavaScript数据类型检测总结

    在js中,有四种用于检测数据类型的方式,分别是: typeof用来检测数据类型的运算符 instanceof 检...

  • 数据类型检测的四种方式

    1、typeof :用来检测数据类型的运算符 使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中...

  • 数据类型检测的四种方式

    一、typeof 使用typeof检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型,例如:...

  • 数据类型检测的四种方式

    instanceof检测 不能用来检测和处理字面量方式创建出来的基本数据类型值对于基本数据类型来说,字面量方式创建...

  • 前端学习笔记(持续更新)

    Javascript 浏览器常用的输出方式 数据类型检测的四种方法 DOM及相关操作 数学函数Math 日期对象D...

  • JS-NO.3

    数据类型检测 4种方式 1:typeof 主要检测基本数据类型 不能具体检测出引用数据类型 2:constru...

  • 数据类型检测方法总结typeof OR call(修改this指

    使用typeof方法检测数据类型 方法不严谨,在检测数组和对象是都是object 类型的 万能的数据类型检测方式 ...

  • JS数据类型检测

    之前有讲过JS数据类型,但是怎么判断到底是某个数据是什么数据类型?今天就来讲一下。JS数据类型检测常用的主要有四种...

  • DHT爬虫的设计思路

    DHT的数据编码方式和数据类型 1, 有四种数据类型, string number list map. 位置我...

网友评论

      本文标题:数据类型检测的四种方式

      本文链接:https://www.haomeiwen.com/subject/ezsgfctx.html