JavaScript中的typeof操作符用法实例


Posted in Javascript onApril 05, 2014

对一个值使用typeof操作符可能返回下列某个字符串:
“undefined”——如果这个值未定义
“boolean”——如果这个值是布尔值
“string”——如果这个值是字符串
“number”——如果这个值是数值
“object”——如果这个是对象或null
“function”——如果这个值是函数

常用的typeof操作符的返回值包括number、string、boolean、undefined 、object和function。如:

var n;
console.log(typeof n); // "undefined"n = 1;
console.log(typeof n); // "number"
n = "1";
console.log(typeof n); // "string"
n = false;
console.log(typeof n); // "boolean"
n = { name: "obj" };
console.log(typeof n); // "object"
n = new Number(5);
console.log(typeof n); // "object"
n = function() { return; };
console.log(typeof n); // "function"

这几个例子说明,typeof操作符的操作数可以是变量(message),也可以是数值字面量。注意,typeof是一个操作符而不是函数,因此例子中的圆括号不是必须的(尽管可以使用)。

从上面的例子中,我们发现用Number()创建的数字也会被typeof判定为对象而返回值“object”,这是因为构造函数返回的都是对象,那么如果我们想要区分数字对象(Number)、字符串对象(String)、数组对象(Array)、Function对象、日起对象(Date)、布尔对象(Boolean)以及错误对象(Error)等JavaScript内置对象时,怎么办呢?在这里可以调用对象的toString方法,如:

var n, res;n = new Number(66);
res = Object.prototype.toString.call(n);
console.log(res); // "[object Number]"
n = new String("string");
res = Object.prototype.toString.call(n);
console.log(res); // "[object String]"
n = [];
res = Object.prototype.toString.call(n);
console.log(res); // "[object Array]"
// ...
Javascript 相关文章推荐
基于js disabled="false"不起作用的解决办法
Jun 26 Javascript
jQuery网页右侧广告跟随滚动代码分享
Apr 20 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
Javascript之Number对象介绍
Jun 07 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
JS运算符简单用法示例
Jan 19 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
Javascript排序算法之计数排序的实例
Apr 05 #Javascript
JavaScript中的正则表达式简明总结
Apr 04 #Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 #Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 #Javascript
JQuery记住用户名和密码的具体实现
Apr 04 #Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 #Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 #Javascript
You might like
PHP的PSR规范中文版
2013/09/28 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
PHP递归遍历指定目录的文件并统计文件数量的方法
2015/03/24 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
js 页面输出值
2008/11/30 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
分享vim python缩进等一些配置
2018/07/02 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
Python语言异常处理测试过程解析
2020/01/08 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
课前三分钟演讲稿
2014/04/24 职场文书
2014乡镇干部对照检查材料思想汇报
2014/09/26 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
法务专员岗位职责
2015/02/14 职场文书
药店营业员岗位职责
2015/04/14 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers
python爬虫框架feapde的使用简介
2021/04/20 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js