码迷,mamicode.com
首页 > 其他好文 > 详细

typeof和instanceof简介及用法

时间:2017-04-07 16:57:17      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:log   define   span   bool   object   声明   src   元素   var   

typeof

  使用方式:typeof a 或者 typeof (a) 返回一个string类型的值

  顾名思义,这货是检查类型的,输出的是一个string值,直接看下面的检测代码:

技术分享
console.log(typeof ‘i am a string‘);  // string                         
console.log(typeof true); // boolean
console.log(typeof 10); // number
console.log(typeof undefined);  // undefined
console.log(typeof function() {});  // function
console.log(typeof null); // object
console.log(typeof new String(‘i am a string‘)); // object
console.log(typeof new Boolean(true)); // object
console.log(typeof new Number(10)); // object
console.log(typeof [1, 2, 3, 4]); // object
console.log(typeof new Array(1, 2, 3, 4)); // object
console.log(typeof new Date()); // object
console.log(typeof new RegExp(‘hello world‘, ‘g‘)); // object
console.log(typeof /hello/g); // object
技术分享

  这货最大的短板就是对null和数组的检测不利(都只能返回object)!

  typeof除了能初步检测变量的类型外,还能判断一个变量是否为空(没赋值或者没声明):

技术分享
var a;
if(typeof a === ‘undefined‘) {  
  console.log(‘hello‘); // hello
}

if(a === undefined) {
  console.log(‘world‘)  // world
}
技术分享

  有趣的是没赋值和没声明的元素经过typeof运算后得到的结果一样,都是“undefined”字符串(因为本来就都是typeof undefined):

var a;
console.log(typeof a === typeof b); // true

  这时该如何区别?可以用 in window 判断:

var a;
console.log(‘a‘ in window); // true
console.log(‘b‘ in window); // false

  相对于instanceof,typeof还是比较简单的~

 instanceof

  使用方式:a instanceof b 返回一个boolean

  instanceof的英文解释是实例,它的作用是判断某个变量是否为某一对象的实例。看检测代码:

技术分享
console.log(‘string‘ instanceof String);  // false
console.log(true instanceof Boolean); // false
console.log(10 instanceof Number);  // false
console.log(undefined instanceof Object); // false
console.log(null instanceof Object);  // false

console.log({} instanceof Object);  // true
console.log(new String(‘string‘) instanceof String); // true
console.log(new Boolean(true) instanceof Boolean); // true
console.log(new Number(10) instanceof Number); // true
console.log([] instanceof Array); // true
console.log(new Array() instanceof Array); // true
console.log(new Date() instanceof Date); // true
console.log(new RegExp(‘‘) instanceof RegExp); // true
console.log(/hello/ instanceof RegExp); // true
技术分享

   我们可以看到,instanceof规定基本数据类型(比如‘string‘、true、10等)都不能算是对象的实例,而new的一般都算。

   instanceof的第一个值(即a instanceof b中的a)必须先进行过声明,不然报错;而typeof则可对未声明变量进行判断(返回"undefined")

typeof和instanceof简介及用法

标签:log   define   span   bool   object   声明   src   元素   var   

原文地址:http://www.cnblogs.com/zhengxingpeng/p/6678598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!