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 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
jQuery修改CSS伪元素属性的方法
Jul 30 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
Jun 23 Javascript
js获取图片宽高的方法
Nov 25 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
浅谈Vuejs Prop基本用法
Aug 17 Javascript
理解javascript async的用法
Aug 22 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
vuex实现像调用模板方法一样调用Mutations方法
Nov 06 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 25 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下mysql数据库操作类(改自discuz)
2010/07/03 PHP
php判断GIF图片是否为动画的方法
2020/09/04 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
List Installed Software Features
2007/06/11 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
python写的一个文本编辑器
2014/01/23 Python
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Python自动重试HTTP连接装饰器
2015/04/28 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
Python解析json文件相关知识学习
2016/03/01 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
班主任工作经验交流材料
2014/05/13 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
数学教师个人总结
2015/02/06 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
MySQL空间数据存储及函数
2021/09/25 MySQL
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis