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 相关文章推荐
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
vue分页插件的使用方法
Dec 25 Javascript
Vue 一键清空表单的实现方法
Feb 07 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 Javascript
JavaScript继承的三种方法实例
May 12 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数据库安装图文教程)
2010/04/28 PHP
zend framework多模块多布局配置
2011/02/26 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
Dom在ajax技术中的作用说明
2010/10/25 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
Vue程序调试的方法
2019/06/17 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
Python中的with...as用法介绍
2015/05/28 Python
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
python使用正则表达式替换匹配成功的组
2017/11/17 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
python调用百度语音REST API
2018/08/30 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
Python代码需要缩进吗
2020/07/01 Python
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
学校经典推荐信
2013/10/30 职场文书
大学生最新职业生涯规划书范文
2014/01/12 职场文书
JavaScript实现显示和隐藏图片
2021/04/29 Javascript
vue实现Toast组件轻提示
2022/04/10 Vue.js