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 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
JS如何定义用字符串拼接的变量
Jul 11 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 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
德生S2000电路分析
2021/03/02 无线电
Mysql的常用命令
2006/10/09 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
jquery乱码与contentType属性设置问题解决方案
2013/01/07 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
python将print输出的信息保留到日志文件中
2019/09/27 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
利用CSS3的transition属性实现滑动效果
2015/08/05 HTML / CSS
国培远程培训感言
2014/03/08 职场文书
超市开店计划书
2014/04/26 职场文书
霸气队列口号
2014/06/18 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis