JavaScript中的typeof操作符用法实例

 在Web前端开发中,我们经常需要判断变量的数据类型。鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供这方便信息的操作符。

对一个值使用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]"
 
// ...
 

时间: 2024-09-02 15:34:05

JavaScript中的typeof操作符用法实例的相关文章

javascript中eval和with用法实例总结_javascript技巧

本文实例讲述了javascript中eval和with用法.分享给大家供大家参考,具体如下: 我们都知道javascript的作用域机制,但是with和eval有时会"破坏"我们对于作用域的常规理解.下面参考网上资源和自己理解总结一下eval和with的用法. 一.eval 1.eval函数:把一个字符串当作一个js表达式一样去执行它. 2.语法:eval(strScript) 注:参数strScript是必填项 3.使用说明 (1)它是有返回值的,如果参数字符串是一个表达式,就会返回

Javascript中For In语句用法实例

  本文实例讲述了Javascript中For In语句用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;

详解JavaScript中循环控制语句的用法

  这篇文章主要介绍了详解JavaScript中循环控制语句的用法,包括break语句和continue语句的使用方法,需要的朋友可以参考下 JavaScript提供完全控制来处理循环和switch语句.可能有一种情况,当你需要退出一个循环,但未达到其底部.也可能有一种情况,当要跳过的码块的一部分,并直接开始下一个迭代. 为了处理这些情况下,JavaScript提供了break和continue语句.这些语句是用来马上退出任何循环或启动循环的下一次迭代. break 语句: break语句,这是

jquery中one()方法的用法实例

 这篇文章主要介绍了jquery中one()方法的用法,实例分析了one()方法的功能及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery中one()方法的用法.分享给大家供大家参考.具体分析如下: jQuery中的one()方法:表示只执行一次,代码如下: 代码如下: <html> <head> <title>jquery事件:one()方法的使用</title> <script type="text/

指针-Javascript中通过点操作符定义属性和字面量形式定义的区别

问题描述 Javascript中通过点操作符定义属性和字面量形式定义的区别 我已经有一种这样的困惑:第一种:function Person(){};Person.name = ""liang"";Person.age = 22 ;Person.sayName = function(){alert(this.name)}alert(Person.prototype.constructor == Person) ; // true在以上这个代码中,我创建了一个构造函数P

对象-javascript中经常提到的【实例】是什么意思?

问题描述 javascript中经常提到的[实例]是什么意思? 经常在博客或者教程里看到 实例化,或者实例这个词 比如创建一个对象实例 这样. 但是一直不是很清楚这个实例具体是什么意思, 求解! 解决方案 就是类的实例,如果学过面向对象编程就很容易明白了 function MyClass(){} var m=new MyClass();//m就是MyClass的实例,MyClass是类,new就是创建操作符 解决方案二: 对象就是类的实例化,类是对某一类事物的描述,并不实实在在存在,而new一个

JavaScript函数节流概念与用法实例详解_javascript技巧

本文实例讲述了JavaScript函数节流概念与用法.分享给大家供大家参考,具体如下: 最近在做网页的时候有个需求,就是浏览器窗口改变的时候需要改一些页面元素大小,于是乎很自然的想到了window的resize事件,于是乎我是这么写的 <!DOCTYPE html> <html> <head> <title>Throttle</title> </head> <body> <script type="text

JavaScript中的标签语句用法分析_javascript技巧

本文实例分析了JavaScript中的标签语句用法.分享给大家供大家参考.具体分析如下: 最近在看w3school,然后看到js部分, <!DOCTYPE html> <html> <body> <script> cars=["BMW","Volvo","Saab","Ford"]; list: { document.write(cars[0] + "<br>

javascript中闭包概念与用法深入理解_javascript技巧

本文实例分析了javascript中闭包概念与用法.分享给大家供大家参考,具体如下: 1.问题的引出,什么时候会遇到闭包? 首先因为JS是没有块状作用域的,但是有函数作用域即函数作为了局部变量之间的界限,不同函数内的局部变量具有独立性, 因为JS没有块状作用域,笔者初学JS时,在事件的监听时,因为不理解JS中局部变量的作用域,犯过不少错误! (1)JS中的变量作用域 for(var i=0;i<9;i++) { } alert(i) //输出9 我们发现,虽然变量i是块状区域for()内的一个局