js中判断变量类型函数typeof的⽤法总结
1、作⽤：
typeof 运算符返回⼀个⽤来表⽰表达式的数据类型的字符串。可能的字符串有："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。
2、常⽤返回值说明
表达式返回值
typeof undefined'undefined'
typeof null'object'
typeof true'boolean'
typeof 123'number'
typeof "abc"'string'
typeof function() {}'function'
typeof {}'object'
typeof []'object'
typeof unknownVariable'undefined'
注意：类型返回值都是字符串、⽽且都是⼩写打头
3、常规应⽤：
1）.检查⼀个变量是否存在，是否有值.
typeof在两种情况下会返回"undefined":⼀个变量没有被声明的时候，和⼀个变量的值是undefined的时候.例如:
> typeof undeclaredVariable === "undefined" true
> var declaredVariable;
> typeof declaredVariable 'undefined'
> typeof undefined 'undefined'
还有其他办法检测某个值是否是undefined:
> var value = undefined;
> value === undefined true
但这种⽅法如果使⽤在⼀个未声明的变量上的时候，就会抛出异常，因为只有typeof才可以正常检测未声明的变量的同时还不报错:
> undeclaredVariable === undefined ReferenceError: undeclaredVariable is not defined
注意：未初始化的变量，没有被传⼊参数的形参，不存在的属性，都不会出现上⾯的问题，因为它们总是可访问的，值总是undefined:
eb病毒抗体阳性
> var declaredVariable;
> declaredVariable === undefined true
> (function (x) { return x === undefined }()) true
> ({}).foo === undefined true
注：因此，如果想检测⼀个可能没有被声明的全局变量是否存在，也可以使⽤ if(window.maybeUndeclaredVariable){}
问题： typeof在完成这样的任务时显得很繁杂.
解决办法：这样的操作不是很常见，所以有⼈觉的没必要再找更好的解决办法了.不过也许有⼈会提出⼀个专门的操作符:
> defined undeclaredVariable fal
动脉硬化吃什么> var declaredVariable;
> defined declaredVariable fal
或者，也许有⼈还需要⼀个检测变量是否被声明的操作符:
> declared undeclaredVariable fal
> var declaredVariable;
> declared declaredVariable true
译者注：在perl⾥，上⾯的defined操作符相当于defined()，上⾯的declared操作符相当于exists(),
2.判断⼀个值不等于undefined也不等于null
有你足矣
问题：如果你想检测⼀个值是否被定义过(值不是undefined也不是null)，那么你就遇到了typeof最有名的⼀个怪异表现(被认为是⼀个bug):typeof null返回了"object":
解决办法：不要使⽤typeof来做这项任务,⽤下⾯这样的⽅法来代替：但是变量x必须事先声明，否则会报错。
function isDefined(x) { return x !== null && x !== undefined; }
另⼀个可能性是引⼊⼀个“默认值运算符”，在myValue未定义的情况下，下⾯的表达式会返回defaultValue:
myValue || defaultValue
上⾯的表达式等价于:
(myValue !== undefined && myValue !== null) ? myValue : defaultValue
其实是下⾯这条语句的简化:
myValue = myValue || defaultValue
3.区分对象值和原始值
下⾯的函数⽤来检测x是否是⼀个对象值:
function isObject(x) { return (typeof x === "function" || (typeof x === "object" && x !== null)); }
问题: 上⾯的检测⽐较复杂，是因为typeof把函数和对象看成是不同的类型,⽽且typeof null返回"object".
解决办法：下⾯的⽅法也经常⽤于检测对象值：
function isObject2(x) { return x === Object(x); }
警告：你也许认为这⾥可以使⽤instanceof Object来检测，但是instanceof是通过使⽤使⽤⼀个对象的原型来判断实例关系的，那么没有原型的对象怎么办呢:
> var obj = ate(null);
> PrototypeOf(obj) null女人穿高跟鞋
obj确实是⼀个对象，但它不是任何值的实例:
> typeof obj 'object'
> obj instanceof Object fal
在实际中，你可能很少遇到这样的对象，但它的确存在,⽽且有它的⽤途.
译者注:Object.prototype就是⼀个默认存在的，没有原型的对象
&PrototypeOf(Object.prototype) null
>typeof Object.prototype 'object'
>Object.prototype instanceof Object fal
4.原始值的类型是什么?
typeof是最好的⽤来查看某个原始值的类型的⽅式.
> typeof "abc" 'string'
> typeof undefined 'undefined'
问题: 你必须知道typeof null的怪异表现.
> typeof null // 要⼩⼼! 'object'
向往造句
解决办法：下⾯的函数可以修复这个问题(只针对这个⽤例).
function getPrimitiveTypeName(x) {
var typeName = typeof x;
switch(typeName) {中学科技>怀孕能吃荸荠吗
ca "undefined": ca "boolean": ca "number": ca "string": return typeName;
ca "object": if (x === null) { return "null"; }
default: // 前⾯的判断都没通过 throw new TypeError("参数不是⼀个原始值: "+x);
电烤箱的使用方法
} }
更好的解决办法：实现⼀个函数getTypeName()，除了可以返回原始值的的类型，还可以返回对象值的内部[[Class]]属性.这⾥讲了如何实现这个函数(译者注:jQuery中的$.type就是这样的实现)
5.某个值是否是函数
typeof可以⽤来检测⼀个值是否是函数.
> typeof function () {} 'function'
> typeof String 'function'
原则上说,instanceof Function也可以进⾏这种需求的检测.乍⼀看，貌似写法还更加优雅.但是，浏览器有⼀个怪癖：每⼀个框架和窗⼝都有它⾃⼰的全局变量.因此，如果你将某个框架中的对象传到另⼀个框架中,instanceof就不能正常⼯作了，因为这两个框架有着不同的构造函数.这就是为什么ECMAScript5中会有Array.isArray()⽅法的原因.如果有⼀个能够跨框架的,⽤于检查⼀个对象是否是给定的构造函数的实例的⽅法的话，那会很好.上述的getTypeName()是⼀个可⽤的变通⽅法，但也许还有⼀个更根本的解决⽅案.
6.综述
下⾯提到的，应该是⽬前JavaScript中最迫切需要的，可以代替⼀些typeof⽬前职责的功能特性:
isDefined() (⽐如Object.isDefined()): 可以作为⼀个函数或者⼀个运算符
isObject()
getTypeName()
能够跨框架的，检测⼀个对象是否是指定的构造函数的实例的机制
检查某个变量是否已经被声明这样的需求，可能没那么必要有⾃⼰的运算符.
以上这篇js中判断变量类型函数typeof的⽤法总结就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
