JS判断对象类型
对于确定JS内置对象类型,JS提供了typeof运算符,该运算符得到的结果为以下6种:number,boolean,string,function,object,undefined.不过对绝大多数对象而言,typeof都返回"object",无法确定具体的类型。我们使用一种函数Object.prototype.toString.call来判断
<script>
var a = 1;
console.log("a:"+typeof a); //number
console.log("a:"+Object.prototype.toString.call(a)); //[object Number]
var b = NaN;
console.log("b:"+typeof b); //number
console.log("b:"+Object.prototype.toString.call(b)); //[object Number]
var c= Number.MIN_VALUE;
console.log("c:"+typeof c); //number
console.log("c:"+Object.prototype.toString.call(c)); //[object Number]
var d= Infinity;
console.log("d:"+typeof d); //number
console.log("d:"+Object.prototype.toString.call(d)); //[object Number]
var e= "pmx";
console.log("e:"+typeof e); //string
console.log("e:"+Object.prototype.toString.call(e)); //[object String]
var f= true;
console.log("f:"+typeof f); //boolean
console.log("f:"+Object.prototype.toString.call(f)); //[object Boolean]
var g= window;
console.log("g:"+typeof g); //object
console.log("g:"+Object.prototype.toString.call(g)); //[object Window]
var h = [1];
console.log("h:"+typeof h); //object
console.log("h:"+Object.prototype.toString.call(h)); //[object Array]
var i = function(){};
console.log("i:" + typeof i); //function
console.log("i:"+Object.prototype.toString.call(i)); //[object Function]
var j = document;
console.log("j:" + typeof j); //object
console.log("j:"+Object.prototype.toString.call(j)); //[object HTMLDocument]
var k = null;
console.log("k:" + typeof k); //object
console.log("k:"+Object.prototype.toString.call(k)); //[object Null]
var l = undefined;
console.log("l:" + typeof l); //undefined
console.log("l:"+Object.prototype.toString.call(l)); //[object Undefined]
var m = eval;
console.log("m:" + typeof m); //function
console.log("m:"+Object.prototype.toString.call(m)); //[object Function]
var n = new Date();
console.log("n:" + typeof n); //object
console.log("n:"+Object.prototype.toString.call(n)); //[object Date]
</script>
将Object.prototype.toString.call的返回值处理下,使得更直观
var Adsame =function(){
};
Adsame.prototype.whichType = function(){
var class2type = {};
var types = "Boolean Number String Function Array Date RegExp Object Error Undefined Null";
types = types.split(" ");
for(var i = 0; i<types.length; i++){
class2type["[object "+types[i]+"]"] = types[i].toLowerCase();
}
var params = arguments;
var params_len = params.length;
var param_arr = Array.prototype.slice.call(params);
var result = [] ;
for(var k = 0; k<params_len; k++){
var type = Object.prototype.toString.call(param_arr[k]);
result.push(class2type[type]);
}
return result.length ? result: "undefined" ;
}
JS中还有个类似的运算符instanceof,它是用来判断某个对象是否是某类型的实例
<script>
var a = function(){}
console.log(a instanceof Object);//true
var b = 1;
console.log(b instanceof Object);//false
var c = "1";
console.log(c instanceof Object);//false
var d = true;
console.log(d instanceof Object);//false
var e = undefined;
console.log(e instanceof Object);//false
var f = null;
console.log(f instanceof Object);//false
var g = [1];
console.log(g instanceof Object);//true
var h = window;
console.log(h instanceof Object);//gte IE 9:true,lt IE 9:false
</script>
可以看到,JS中的5中基本类型number,string,boolean,undefined,null并不是Object的实例。
对于低版本的浏览器认为window对象是dom里面的属性,和JS对象是两码事
JS判断对象类型的更多相关文章
- js 判断对象类型
在企业级的开发中,我们常用 typeof 来判断企业 对象类型:但是 typeof 不能判断 Array 和 null 这里我们使用一个 原型上的 toString方法:请看一下代码: <scr ...
- html5 -js判断undefined类型
js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reVal ...
- js判断浏览器类型 js判断ie6不执行
js判断浏览器类型 $.browser 对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = " ...
- js判断undefined类型,undefined,null,NaN的区别
js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断 ...
- js验证对象类型
js验证对象类型 1. Object.prototype.toString.call() 这是最佳解决方案,可以用作通用方式处理.各种类型的判断依据类似于[object Object],替换的是后边的 ...
- js判断undefined类型,undefined,null, 的区别详细解析
js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reVal ...
- js判断undefined类型
js判断undefined类型 if (reValue== undefined){ alert("undefined"); } 发现判断不出来,最后查了下资料要用ty ...
- Js判断对象是否为空,Js判断字符串是否为空
Js判断对象是否为空,Js判断字符串是否为空,JS检查字符串是否为空字符串 >>>>>>>>>>>>>>>&g ...
- 通过JS判断联网类型和连接状态
通过JS判断联网类型和连接状态 中国的移动网络环境复杂,为了给用户带去更好访问体验,开发者希望能了解用户当前的联网方式,然后给用户一个符合当前网络环境的请求结果. W3C的规范中给出了一个方法来获得现 ...
随机推荐
- IOS 怎么设置UIButton UITextField 不可点击且变灰
[button setEnable:NO]; [button setAlpha:0.4];
- 蒟蒻修养之tc蓝名计划
开一个新坑......(听说tc是智商高的人才能玩的QAQ显然我是被屠的... 1 [645DIV2]这个能说是裸模拟吗... 弃坑= =做了一些题感觉没必要放上来了= =等div1先吧....... ...
- LCA的五种解法
标准求法 //O(nlogn)-O(logn) #include<cstdio> #include<algorithm> using namespace std; ; ],to ...
- windows raid mode重新安装系统(win10)
常规安装模式: STEP 1 进入bios 将高级设置中,引导模式设置为传统(旧模式)模式,一般存在legacy (旧模式),uefi with csm ,uefi without csm 三个模式, ...
- Java学习第一步: Win7配置JDK环境
转摘"专注JavaWeb开发":http://www.javaweb1024.com/java/Javajichu/2015/03/02/353.html 下载JDK并安装到本机 ...
- XmlElement 类
构造函数 名称 说明 XmlElement(String, String, String, XmlDocument) 此 API 支持 产品 基础结构,不能在代码中直接使用. 初始化 XmlEle ...
- Notepad++ Shortcuts 快捷键
Ctrl-C Copy Ctrl-X Cut Ctrl-V Paste Ctrl-Z Undo Ctrl-Y Redo Ctrl-A Select All Ctrl-F L ...
- easyui datagrid 列显示和隐藏
//当查询IT基础设施的时候隐藏'STAFF_ID'.'ITSM_STAFF_ID' if($("input[name='currentstate']").val()==2){ $ ...
- 创建自定义 jQuery 移动主题
自定义页面.工具栏.内容.表单元素.列表.按钮等元素的外观 智能电话和平板设备的高采用率最终导致增加了对移动 Web 开发人员和设计师的需求.jQuery Mobile 框架支持您创建能与原生应用程序 ...
- css样式重置方案 -解决浏览器差异
1.http://meyerweb.com/eric/tools/css/reset/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 2011 ...