JavaScript的检测及其数据类型

1、JavaScript有几种类型的值？

Javascript有两种数据类型，分别是基本数据类型和引用数据类型。其中基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol (ES6新增，表示独一无二的值)，而引用数据类型统称为Object对象，主要包括对象、数组和函数。接下来咱们分别看下二者的特色。

2、基本数据类型

1.值是不可变的

var name = 'java';
name.toUpperCase(); // 输出 'JAVA'
console.log(name); // 输出 'java'
复制代码

由此可得，基本数据类型的值是不可改变的

2.存放在栈区

原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，因此放入栈中存储。

3.值的比较

var a = 1;
var b = true;
console.log(a == b); // true
console.log(a === b); // false
复制代码

== : 只进行值的比较,会进行数据类型的转换。

=== : 不只进行值得比较，还要进行数据类型的比较。

3、引用数据类型

1.值是可变的

var a={age:20}；
a.age=21；
console.log(a.age)//21
复制代码

上面代码说明引用类型能够拥有属性和方法，而且是能够动态改变的。

2.同时保存在栈内存和堆内存

引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,若是存储在栈中，将会影响程序运行的性能；引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中得到实体。

3.比较是引用的比较

当从一个变量向另外一个变量赋引用类型的值时，一样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。

var a={age:20};
var b=a;
b.age=21;
console.log(a.age==b.age)//true
复制代码

上面咱们讲到基本类型和引用类型存储于内存的位置不一样，引用类型存储在堆中的对象，与此同时，在栈中存储了指针，而这个指针指向正是堆中实体的起始位置。变量a初始化时，a指针指向对象{age:20}的地址，a赋值给b后,b又指向该对象{age:20}的地址，这两个变量指向了同一个对象。所以，改变其中任何一个变量，都会相互影响。

此时，若是取消某一个变量对于原对象的引用，不会影响到另外一个变量。

var a={age:20};
var b=a;
a = 1;
b // {age:20}
复制代码

上面代码中，a和b指向同一个对象，而后a的值变为1，这时不会对b产生影响，b仍是指向原来的那个对象。

4、检验数据类型

1.typeof

typeof返回一个表示数据类型的字符串，返回结果包括：number、boolean、string、symbol、object、undefined、function等7种数据类型，但不能判断null、array等

typeof Symbol(); // symbol 有效
typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 无效
typeof [] ; //object 无效
typeof new Date(); //object 无效
typeof new RegExp(); //object 无效
复制代码

数组和对象返回的都是object，这时就须要使用instanceof来判断

2.instanceof

instanceof 是用来判断A是否为B的实例，表达式为：A instanceof B，若是A是B的实例，则返回true,不然返回false。instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true
复制代码

关于数组的类型判断，还能够用ES6新增Array.isArray()

Array.isArray([]); // true
复制代码

instanceof 三大弊端：

• 对于基本数据类型来讲，字面量方式建立出来的结果和实例方式建立的是有必定的区别的

console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true
复制代码

从严格意义上来说，只有实例建立出来的结果才是标准的对象数据类型值，也是标准的Number这个类的一个实例；对于字面量方式建立出来的结果是基本的数据类型值，不是严谨的实例，可是因为JS的松散特色，致使了可使用Number.prototype上提供的方法。

• 只要在当前实例的原型链上，咱们用其检测出来的结果都是true。
• 在类的原型继承中，咱们最后检测出来的结果未必准确。

var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object); // true
function fn(){}
console.log(fn instanceof Function)// true
console.log(fn instanceof Object)// true
复制代码

• 不能检测null 和 undefined

对于特殊的数据类型null和undefined，他们的所属类是Null和Undefined，可是浏览器把这两个类保护起来了，不容许咱们在外面访问使用。

3.严格运算符===

只能用于判断null和undefined，由于这两种类型的值都是惟一的。

var a = null
typeof a // "object"
a === null // true
复制代码

undefined 还能够用typeof来判断

var b = undefined;
typeof b === "undefined" // true
b === undefined // true
复制代码

4.constructor

constructor做用和instanceof很是类似。但constructor检测 Object与instanceof不同，还能够处理基本数据类型的检测。

var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log(aa.constructor===RegExp);//false
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true
console.log(reg.constructor===Object);//false 
复制代码

constructor 两大弊端：

• null 和 undefined 是无效的对象，所以是不会有 constructor 存在的，这两种类型的数据须要经过其余方式来判断。
• 函数的 constructor 是不稳定的，这个主要体如今把类的原型进行重写，在重写的过程当中颇有可能出现把以前的constructor给覆盖了，这样检测出来的结果就是不许确的

function Fn(){}
Fn.prototype = new Array()
var f = new Fn
console.log(f.constructor)//Array
复制代码

本次给你们推荐一个免费的学习群，里面归纳移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。 对web开发技术感兴趣的同窗，欢迎加入Q群：864305860，无论你是小白仍是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时天天更新视频资料。 最后，祝你们早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。