JavaScript 基础知识之数据类型

主要内容：

数据类型
数据类型转换
检测数据类型的方法

六种数据类型

五种简单数据类型（基本数据类型）：Undefined、Null、Boolean、Number、String，其中 Undefined 和 Null 是特殊值。

数值（Number）：整数和小数（比如1和3.14）
字符串（String）：文本（比如Hello World）
布尔值（Boolean）：表示真伪的两个特殊值，即true（真）和false（假）
Undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值
Null：表示空值，即此处的值为空

一种复杂数据类型：Object

对象（Object）：本质上是由一组无序的名值对组成的。
可以分为：狭义的对象（object）、数组（array）、函数（function）

数据类型转换

确定数值类型的三种方法

JavaScript 有三种方法，可以确定一个值到底是什么类型。
typeof检测值的基本数据类型
instanceof验证一个对象是否为指定的构造函数的实例
Object.prototype.toString 判断对象的具体类型

typeof 运算符

作用：用来检测给定变量的数值类型

函数返回function。undefined 返回 undefined。null返回object。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
function f() {}
typeof f
// "function"
typeof undefined
// "undefined"
typeof null // "object"
typeof window // "object"
typeof {} // "object"
typeof [] // "object"

注意：对未初始化的变量使用 typeof 操作符返回 undefined，对未声明的变量使用 typeof 操作符也返回 undefined。这样的话，typeof 可以用来检查一个没有声明的变量，而不报错。

//通常用在判断语句
if (typeof v === "undefined") {
  // ...
}

//未初始化和未声明
var a;
typeof a
//"undefined"
typeof b
//"undefined"

instanceof 运算符

作用：判断左边的值是否是右边的值的实例对象

instanceof 运算符返回一个布尔值，表示对象是否为某个构造函数的实例。比如，instanceof 运算符可以区分数组和对象。
instanceof 运算符的左边是实例对象，右边是构造函数。它会检查右边构建函数的原型对象（prototype），是否在左边对象的原型链上。就是左边对象是否是右边对象的实例。有一种特殊情况，就是左边对象的原型链上，只有null对象。这时，instanceof 判断会失真。
由于 instanceof 检查整个原型链，因此同一个实例对象，可能会对多个构造函数都返回true。

var myString = new String();
var myDate = new Date();

myString instanceof String;
 //  true
myString instanceof Object; 
//  true
myString instanceof Date;   
// false

instanceof 运算符只能用于对象，不适用原始类型的值。下面代码中 s 是字符串，字符串不是 String 对象的实例（字符串不是对象），所以返回 false。

var s = 'hello';
s instanceof String
 // false

对于undefined 和 null，instanceof 运算符总是返回 false。

undefined instanceof Object 
// false
null instanceof Object 
// false

由于任意对象（除了 null）都是Object的实例，所以 instanceof 运算符可以判断一个值是否为非 null 的对象。

var obj = {};
obj instanceof Object 
// true

null instanceof Object 
// false

Object.prototype.toString方法

作用：判断数据类型

toString 方法

toString 方法的作用是返回一个对象的字符串形式，默认情况下返回类型字符串。

var obj = {}
obj.toString();
// "[object Object]"

通过自定义 toString 方法，可以让对象在自动类型转换时，得到想要的字符串形式。

var obj = new Object();

obj.toString = function () {
  return 'hello';
};

obj + ' ' + 'world' 
// "hello world"

上面代码表示，当对象用于字符串加法时，会自动调用 toString 方法。由于自定义了 toString 方法，所以返回字符串 hello world。

数组、字符串、函数、Date 对象都分别部署了自定义的 toString 方法，覆盖了 Object.prototype.toString 方法，所以并不会返回 [object Object]。

[1, 2, 3].toString() 
// "1,2,3"
'123'.toString() 
// "123"
(function () {
  return 123;
}).toString()
// "function () {
//   return 123;
// }"
(new Date()).toString()
// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"

toString 方法用于判断值类型

Object.prototype.toString 方法返回对象的类型字符串，因此可以用来判断一个值的类型。

var obj = {};
obj.toString() // "[object Object]"

上面代码调用空对象的 toString 方法，结果返回一个字符串 object Object，其中第二个 Object 表示该值的构造函数。

由于实例对象可能会自定义 toString 方法，覆盖掉原型对象的 Object.prototype.toString 方法，所以为了得到类型字符串，最好直接使用 Object.prototype.toString 方法。通过函数的 call 方法，可以在任意值上调用这个方法，来判断这个值的类型，如下：对 value 这个值调用该方法。

Object.prototype.toString.call(value)

不同数据类型的 Object.prototype.toString 方法返回值：

数值：返回[object Number]。
字符串：返回[object String]。
布尔值：返回[object Boolean]。
undefined：返回[object Undefined]。
null：返回[object Null]。
数组：返回[object Array]。
arguments 对象：返回[object Arguments]。
函数：返回[object Function]。
Error 对象：返回[object Error]。
Date 对象：返回[object Date]。
RegExp 对象：返回[object RegExp]。
其他对象：返回[object Object]。

Object.prototype.toString.call(2)
 // "[object Number]"
Object.prototype.toString.call('') 
// "[object String]"
Object.prototype.toString.call(true)
// "[object Boolean]"
Object.prototype.toString.call(undefined) 
// "[object Undefined]"
Object.prototype.toString.call(null) 
// "[object Null]"
Object.prototype.toString.call(Math) 
// "[object Math]"
Object.prototype.toString.call({}) 
// "[object Object]"
Object.prototype.toString.call([]) 
// "[object Array]"
Object.prototype.toString.call(/abcd/); 
// "[object RegExp]"

更多具体应用请看这里

JavaScript 基础知识之数据类型