js技术之运用"typeof()"运算符校验变量类型
一、简介
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()"运算符校验变量类型的更多相关文章
- js面试题知识点全解(一变量类型和计算)
1.js中使用typeof能得到哪些类型 2.何时使用===和== 3.js中的内置函数 4.js变量按存储方式区分为哪些类型,并描述其特点 5.如何理解json 以下对这些问题的知识点做一些总结: ...
- javaScript 数据类型，变量的类型转换，typeof()可以判断变量类型
js的数据类型和常见隐式转化逻辑. 一.六种数据类型 原始类型(基本类型):按值访问,可以操作保存在变量中实际的值.原始类型汇总中null和undefined比较特殊. 引用类型:引用类型的值是保存在 ...
- javascript中对变量类型的推断
本文正式地址:http://www.xiabingbao.com/javascript/2015/07/04/javascript-type 在JavaScript中,有5种基本数据类型和1种复杂数据 ...
- JavaScript 变量克隆和判断变量类型
一.变量克隆 在js中经常会遇到将一个变量赋值给一个新的变量这种情况,这对于基本类型很容易去实现,直接通过等号赋值就可以了,对于引用类型就不能这样了.(注:像函数,正则也可以直接通过等号赋值) 这里我 ...
- JS中的运算符 以及变量和输入输出
1.算术运算(单目运算符) + 加 .- 减.* 乘. / 除. % 取余.++ 自增.-- 自减. >>> +:有两种作用,链接字符串/加法运算,当+两边全为数字时,进行加法运算, ...
- 转战JS(1) 初探与变量类型、运算符、常用函数与转换
转战JS(1)初探与变量类型.运算符.常用函数与转换 做为一名.NET后台开发人员,正考滤向Web前端开发转型,之前也写过一代前端代码,可是当再回头看JS,并有转向它的意愿的时候,突然发现:原来JS不 ...
- 【转载】C#使用typeof运算符获取对象变量的具体类型Type
在C#的实际类型操作过程中,有时候需要通过typeof方法获取对象的类型对应的Type变量即具体类型,例如在获取DataTable中某一列的具体数据类型的时候,我们就会用到typeof方法来获取具体的 ...
- [JS]js中判断变量类型函数typeof的用法汇总[转]
1.作用: typeof 运算符返回一个用来表示表达式的数据类型的字符串. 可能的字符串有:"number"."string"."boolean&q ...
- js中typeof可以准确判断哪些变量类型
typeof 运算符返回一个用来表示表达式的数据类型的字符串. 可能的字符串有:"number"."string"."boolean".& ...
随机推荐
- vim中的incsearch不好用，没有动态效果，为什么——incsearch is not working
虽然使用Linux好多年了,使用vim也好多年了,但是使用vim进行search的时候重来也没有想过要添加动态效果,近来突然有了兴致想要添加这个功能,不过发现居然不好用,在百度上找了好长时间居然没有一 ...
- 【C# 基础概念】Unicode编码详解
Unicode定义:Unicode(统一码.万国码.单一码)是计算机科学领域里的一项业界标准,包括字符集.编码方案等.Unicode 是为了解决传统的字符编码方案的局限而产生的,它为每种语言中的每个字 ...
- 【C#基础概念】操作符
------------恢复内容开始------------ 一.操作符概览 1.概念 操作符(Operator)也称"运算符" 操作数:是用来操作数据的,被操作符操作的数据称为操 ...
- 5个相见恨晚的Linux命令，每一个都非常实用
转至:https://zhuanlan.zhihu.com/p/57866239 作为一个开发人员,经常要用到终端命令,最让人头疼的是记不住繁琐的参数.用谷哥度娘检索效率低下,通过man命令显示的结果 ...
- 分布式系统下的CAP定理
本文参考EricBrewer博客加上自己的理解整理. CAP定理又被成为布鲁尔定理,是加州大学计算机科学家埃里克·布鲁尔提出来的猜想,后来被证明成为分布式计算领域公认的定理. CAP定义,在高并发的场 ...
- omnet++：用到的方法和语句
1.方法 方法 说明 msg->getName() 获取发送的消息名 uniform(a,b) 生成[a,b]间的随机实数 intuniform(a,b) 生成[a,b]间的随机整数 expon ...
- Python：Scrapy（二） 实例分析与总结、写一个爬虫的一般步骤
学习自:Scrapy爬虫框架教程(二)-- 爬取豆瓣电影TOP250 - 知乎 Python Scrapy 爬虫框架实例(一) - Blue·Sky - 博客园 1.声明Item 爬虫爬取的目标是从非 ...
- 『德不孤』Pytest框架 — 11、Pytest中Fixture装饰器（一）
目录 1.Fixture装饰器的用途 2.Fixture参数说明 3.Fixture装饰器简单应用 4.yield执行后置函数 1.Fixture装饰器的用途 做测试前后的初始化设置,如测试数据准备, ...
- vue2.x结合echarts2实现显示具体省份热力图
最近研究了一下VUE2.X结合ehcarts实现热力图,先看下最终: 效果话不多说,直接上代码: 1 <!DOCTYPE html> 2 <html> 3 <head&g ...
- git error: unable to create file Invalid argument
git error: unable to create file xxxx Invalid argument 原因: mac 上创建的文件名里有冒号,这在windows 上是不允许的. 解决方式: ...