一、简介

typeof();个人的理解就是可以判断出对应的变量类型，而且是用统一的类型

如：数字，小数等..... 都用Number来表示

而：所有对象都用object表示

二、探索到 typeof的返回值

包括如下几种

1、 'undefined' --未定义的变量或值

2、 'boolean' --布尔类型的变量或值

3、 'string' --字符串类型的变量或值

4、 'number' --数字类型的变量或值

5、 'object' --对象类型的变量或值，或者null

6、 'function' --函数类型的变量或值

三、格式

1.用括号将变量括起来（常用方式）

格式：typeof(变量名);

例子：typeof(1);

2.直接写变量

格式：typeof 变量名;

例子：typeof 1;

四、例子

1.返回undefined的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>返回undefined例子</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzw;

    console.log(typeof(wzw)); // 只声明未赋值，所以返回undefined

    console.log(typeof wzw); // 第二种格式，只声明未赋值，所以返回undefined

    console.log(typeof(undefined));// undefined //为声明未赋值，返回undefined

</script>

</html>

结果

2.返回boolean的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzw = true;

    console.log(typeof(wzw));

    console.log(typeof wzw);

    console.log(typeof(!wzw));

</script>

</html>

结果

3.返回string的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzwEnglish = 'a';

    var wzwChinese = '字符';
　　 var wzwNumber = '1';

    console.log(typeof(wzwEnglish)); // 英文字符，返回string

    console.log(typeof wzwEnglish); // 第二格式，英文字符，返回string

    console.log(typeof(wzwChinese)); // 中文字符串，返回string

　　 console.log(typeof(wzwNumber))； // 数字字符，返回string


</script>

</html>

结果

4.返回number的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzwInt = 1;

    var wzwDouble = 1.5;

    console.log(typeof(wzwInt)); // 整数，返回number

    console.log(typeof wzwInt); // 第二格式，整数，返回number

    console.log(typeof(wzwDouble)); // 小数，返回number

    console.log(typeof NaN);   // NaN表示未定义或定义不了的运算结果，如0/0,10/0等等,返回'number'

    console.log(typeof Infinity);   // Infinity表示的意思就是无穷大,返回'number'

</script>

</html>

结果

5.返回object的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzwCollection = [1,2,3,4,5,6];

    var wzwObject = new String();

    var wzwDirectObject = {wzw:'王子威'};

    var wzwPackaging = Math;

    console.log(typeof(wzwCollection)); // 集合对象，返回object

    console.log(typeof wzwCollection); // 第二格式，集合对象，返回object

    console.log(typeof(wzwObject)); // wzwObject是新建的String对象（这里的String可以换成其他对象类型如：时间new Date()等），返回object

    console.log(typeof(wzwDirectObject)); // wzwDirectObject是直接声明的对象，返回object

    console.log(typeof(wzwPackaging)); // wzwPackaging是已经封装好的函数，返回object

</script>

</html>

结果

6.返回function的例子

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script type="text/javascript">

    var wzwFun = function(){};

    var wzwClass = class C {};

    var wzwPackaging = Math.sin;

    console.log(typeof(wzwFun)); // wzwFun是常用的声明空函数的方式，返回function

    console.log(typeof wzwFun); // 第二格式，集合对象，返回function

    console.log(typeof(wzwClass)); // wzwClass是根据Class直接声明，返回function

    console.log(typeof(wzwPackaging)); // wzwPackaging是封装好的函数,注意括号要去掉，否则就会拿他的返回值作为校验的变量，返回function

</script>

</html>

结果

js技术之运用"typeof()"运算符校验变量类型的更多相关文章

  1. js面试题知识点全解(一变量类型和计算)

    1.js中使用typeof能得到哪些类型 2.何时使用===和== 3.js中的内置函数 4.js变量按存储方式区分为哪些类型,并描述其特点 5.如何理解json 以下对这些问题的知识点做一些总结: ...

  2. javaScript 数据类型，变量的类型转换，typeof()可以判断变量类型

    js的数据类型和常见隐式转化逻辑. 一.六种数据类型 原始类型(基本类型):按值访问,可以操作保存在变量中实际的值.原始类型汇总中null和undefined比较特殊. 引用类型:引用类型的值是保存在 ...

  3. javascript中对变量类型的推断

    本文正式地址:http://www.xiabingbao.com/javascript/2015/07/04/javascript-type 在JavaScript中,有5种基本数据类型和1种复杂数据 ...

  4. JavaScript 变量克隆和判断变量类型

    一.变量克隆 在js中经常会遇到将一个变量赋值给一个新的变量这种情况,这对于基本类型很容易去实现,直接通过等号赋值就可以了,对于引用类型就不能这样了.(注:像函数,正则也可以直接通过等号赋值) 这里我 ...

  5. JS中的运算符 以及变量和输入输出

    1.算术运算(单目运算符) + 加 .- 减.* 乘. / 除. % 取余.++ 自增.-- 自减. >>> +:有两种作用,链接字符串/加法运算,当+两边全为数字时,进行加法运算, ...

  6. 转战JS(1) 初探与变量类型、运算符、常用函数与转换

    转战JS(1)初探与变量类型.运算符.常用函数与转换 做为一名.NET后台开发人员,正考滤向Web前端开发转型,之前也写过一代前端代码,可是当再回头看JS,并有转向它的意愿的时候,突然发现:原来JS不 ...

  7. 【转载】C#使用typeof运算符获取对象变量的具体类型Type

    在C#的实际类型操作过程中,有时候需要通过typeof方法获取对象的类型对应的Type变量即具体类型,例如在获取DataTable中某一列的具体数据类型的时候,我们就会用到typeof方法来获取具体的 ...

  8. [JS]js中判断变量类型函数typeof的用法汇总[转]

    1.作用: typeof 运算符返回一个用来表示表达式的数据类型的字符串.  可能的字符串有:"number"."string"."boolean&q ...

  9. js中typeof可以准确判断哪些变量类型

    typeof 运算符返回一个用来表示表达式的数据类型的字符串.  可能的字符串有:"number"."string"."boolean".& ...

随机推荐

  1. strtok()出现segment fault的错误

    在写一个简易的 shell 时,需要将命令行的命令通过空格分割成一个个字符串参数,这里我使用了 strtok() 函数,然后遇到了 segment fault 的错误. 出现问题的代码如下: 终于寻找 ...

  2. Zookeeper应用场景和ZAB协议

    Zookeeper应用场景 数据发布/订阅(配置中心) 我们平常的开发过程中,经常会碰到这样的需求:系统中需要一些通用的配置信息,如一些运行时的开关.前端需要展示的通知信息.数据库配置信息等等.这些需 ...

  3. java集合框架中contains(),containsKey()和containsValue()的用法：

    List集合的contains()方法用于判断集合中包不包含某个元素,返回值是boolean. Map集合的containsKey()和containsValue()方法和上面的相同. 示例: pub ...

  4. 数仓建模—ID Mapping

    早晨起床的时候,发现自己尿分叉,我没有多想,简单洗洗就匆忙出门.路过早餐店,我看到师傅熟练的拉扯一小块面团,拉至细长条,然后放入油锅中,不一会功夫,一根屎黄色的油条便出锅了,卖相不错.我在想,小到炸屎 ...

  5. Qt：QString

    0.说明 区别于QByteArray,QString串是Unicode串,每个元素都是QChar 16-bit UTF-16编码(Unicode) :而QByteArray是8-bit串. 0.1.初 ...

  6. C++ 删除一个字符串中的指定字符

    Q:一个数字是以xxx,yyy,zzz的字符串形式存储的,将逗号消去并转化为整数输出 方法一:char数组,即定义时s1定义为 char s1[20]的形式: //删除输入字符串中的逗号,并构建新串 ...

  7. JZ-030-连续子数组的最大和

    连续子数组的最大和 题目描述 HZ偶尔会拿些专业问题来忽悠那些非计算机专业的同学.今天测试组开完会后,他又发话了:在古老的一维模式识别中,常常需要计算连续子向量的最大和, 当向量全为正数的时候,问题很 ...

  8. Jmeter计数器实现自增功能

    如果需要引用的数据量较大,且要求不能重复或者需要自增,那么可以使用计数器来实现 如:新增功能,要求名称不能重复 1,新增计数器 计数器:允许用户创建一个在线程组之内都可以被引用的计数器. 计数器允许用 ...

  9. LGP7915题解

    奇怪的乱搞做法(? 首先我们枚举序列的每一个位置,从这个位置劈开,假设这个位置是 \(i\),那么按照题意模拟,我们能够构造一个最终序列有 \(i\) 个 L 和 \(n-i\) 个 R 的符合题意的 ...

  10. 常用QQ快捷键

    QQ是腾讯QQ的简称,是一款基于Internet即时通信(IM)软件.目前QQ已经覆盖Microsoft Windows.macOS.Android.iOS.Windows Phone.Linux等多 ...