数据类型检测的方法

 1.typeof

        用 typeof 方式进行数据检测,除了数组、对象、null 会被判断为 object 之外,其它的数据类型都能够检测正确。

	console.log(typeof undefined);     // undefined
	console.log(typeof 2);             // number
	console.log(typeof 'abc');         // string
	console.log(typeof false);         // boolean
	console.log(typeof function(){});  // function
	console.log(typeof {});            // object
	console.log(typeof []);            // object
	console.log(typeof null);          // object

2.instanceof

        instanceof 只能正确判断出引用数据类型,对基本数据类型不能做出正确的判断。其判断原理是判断数据类型的原型链中能否找到该类型的原型。

	console.log(2 instanceof Number);                // flase
	console.log('abc' instanceof String);            // flase
	console.log(true instanceof Boolean);            // flase
	console.log(function(){} instanceof Function);   // true
	console.log([] instanceof Array);                // true
	console.log({} instanceof Object);               // true

3.constructor

        constructor 有两个作用,一是判断数据的类型,二是实例对象通过 constructor 可以访问它的构造函数。

	console.log( (1).constructor === Number );               // true
	console.log( ('str').constructor === String );           // true
	console.log( (false).constructor === Boolean );          // true
	console.log( ([]).constructor === Array );               // true
	console.log( (function(){}).constructor === Function );  // true
	console.log( ({}).constructor === Object );              // true

        但是如果改变了一个实例对象的原型,就不能进行数据类型的判断。

	function Fn(){}
	Fn.prototype = new Array()
	var fn = new Fn()
	console.log(fn.constructor === Array);  // true
	console.log(fn.constructor === Fn);     // false

4.Object.prototype.toString.call()

	var judge = Object.prototype.toString
	console.log(judge.call(2));             // [object Number]
	console.log(judge.call('abc'));         // [object String] 
	console.log(judge.call(false));         // [object Boolean]
	console.log(judge.call(undefined));     // [object Undefined]
	console.log(judge.call(null));          // [object Null]
	console.log(judge.call(function(){}));  // [object Function]
	console.log(judge.call([]));            // [object Array]
	console.log(judge.call({}));            // [object Object]

        注意:直接调用 toString 方法是将别的类型转换成 String ,但是通过原型去调用 toString 方法与其结果不一样。这是因为在实例对象上对 toString 方法进行了重写,所以会调用自身上面 toString 方法,不会去原型链上进行调用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值