【Javascript自学笔记】如何判断一个变量的类型（typeof和浏览器console））？

简介：此篇文章是我在学习Javascript这门前端必会语言的时候做的笔记，接下来的内容讲述了在Javascript语言中判断一个变量类型的多种方式。

---

前言

众所周知，Javascript语言不同于C和C++，在定义变量的时候统一是使用var，这就使得我们在定义了变量之后，并不能很快的说出定义的究竟是什么类型，需要通过一些其他的手段来看出他是什么类型。

---

一、javascript中的变量类型

Javascript中的数据类型分成两种：

1. 值类型（基本数据类型）：字符串（String）、数字（Number）、布尔(Boolean)、未定义（Undefined）、空（Null）、Symbol。
2. 引用数据类型：对象（Object）、数组（Array）、函数（Function）。

1.字符串（string）

如果要直接定义一个字符串变量，可以用双引号（“”）或者单引号（‘’）定义：

var str="我是一个string！";
var str1='我也是一个string！';

字符串变量可以相加，生成新的字符串。

var str="abc";
var str1=str+"def";

则str1的内容就是：abcdef。
特殊的是，如果与undefined或者null相加，也可以生成字符串。

var str=undefined;
var str1=str+"Hello";
//则str1的类型是string，并且会输出“undefinedHello”

则str1的类型是string，并且会输出“undefinedHello”。

2.数字（Number）

Javascript只有一种数字类型，既包含整数又包含小数。不像C++和C中一样，需要区分浮点数和整数。
在Javascript中，整数和小数都被称作是“数字（Number）”。

//定义一个整数
var a=114514;
//定义一个小数
var b=114.514;
//用科学计数法定义变量
var c=123e5;
//定义为最大的值
var d=Number.MAX_VALUE;

3.布尔（Boolean）

Javascript中的布尔类型类似于C++中的布尔类型，只有两个值：true和false。
其中true和false如果和数字运算，则分别会表示1和0。
如果和字符串相加，则会转换成字符串“true”和“false”。

var t=true;
var f=false;
var result=t+1;//结果为2
var result1=t+"呜咪";//结果为true呜咪

4.未定义（Undefined）

如果声明了变量，但是没有没有初始化的话，则会返回undefined。或者直接给她undefined，也是undefined。

var a;//未初始化，undefined
var a=undefined;//也是undefined

5.空对象（Null object）

var n=null；

类型是Object，用来表示一个空的对象。如果想删除一个对象，也可以令其赋值为Null。

二、使用typeof检测数据变量类型

由于Javascript中定义变量很多时候我们只能看见一个var，并不知道其具体的数据类型究竟是什么，所以为了能够获取检测变量的数据类型，我们通常使用typeof来获取变量的数据类型。

var num=10;
console.log(typeof num);//会在浏览器的console中输出“number”
var str="今天下雪了！"
console.log(typeof str);//会在浏览器的console中输出“string”
var flag=true;
console.log(typeof flag);//会在浏览器的console中输出“boolean”
var vari=undefined;
console.log(typeof vari);//会在浏览器的console中输出“undefined”
var n=null;
console.log(typeof n);//会在浏览器的console中输出“object”

注意！在prompt中接收到的数据的类型是字符型（string）的。
验证：

var age=prompt('请输入您的年龄');
console.log(age);
console.log(typeof age);

结果会发现在控制台中会输出string，且"18"颜色是黑色的。说明prompt中接收的确实是字符串类型。

三、通过浏览器控制台颜色判断数据类型

除了使用typeof可以检测变量的数据类型，将变量直接在控制台输出也可以大约的估计变量的数据类型。

console.log(18);
console.log('18');
console.log(true);
console.log(undefined);
console.log(null);

将这写好的五句话在Chrome浏览器输出，打开控制台可以发现：

数字型的18和布尔型的true输出都为蓝色；字符型的‘18‘输出是黑色的；而undefined和null的类型输出都为浅灰色。因此用这种方式也能大概知道变量的类型。

---

总结

以上便是对javascript中基本变量类型的介绍，以及使用typeof和浏览器控制台判断数据类型的方式。