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 22 Javascript
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
Bootstrap CSS布局之表格
Dec 17 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
Vue实现购物车详情页面的方法
Aug 20 Javascript
JS获取当前时间戳方法解析
Aug 29 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经典实用正则表达式小结
2017/05/04 PHP
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
Python matplotlib实时画图案例
2020/04/23 Python
Python urllib3软件包的使用说明
2020/11/18 Python
Pycharm安装python库的方法
2020/11/24 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
大专自我鉴定范文
2013/10/01 职场文书
自我评价范文
2013/12/22 职场文书
区三好学生主要事迹
2014/01/30 职场文书
理财学专业自荐书
2014/06/28 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js