JS 对象概念与数据类型

对象的概念

对象是一个包含相关数据和方法的集合（通常由一些变量和函数组成，称之为对象里面的属性和方法）。
JavaScript中的3大对象，分别是本地对象、内置对象和宿主对象。
1.本地对象
与宿主无关，独立于宿主环境的ECMAScript实现提供的对象。

本地对象就是 ECMA-262 定义的类（引用类型）。需要通过new来创建所需的实例对象。
包括：Object、Function、Array、String、Boolean、Number、Symbol(ES6新增)、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError

2.内置对象
与宿主无关，独立于宿主环境的ECMAScript实现提供的对象。内置对象是本地对象的子集。

在 ECMAScript 程序开始执行前就存在，本身就是实例化内置对象，开发者无需再去实例化。
包括：Global、Math、JSON(ECMAScript5新增全局的内置对象)

3.宿主对象
由 ECMAScript 实现的宿主环境提供的对象，包含两大类，一个是宿主提供，一个是自定义类对象。

所有非本地对象都属于宿主对象。对于嵌入到网页中的JS来说，其宿主对象就是浏览器提供的对象。
包括：BOM、DOM

通常把本地对象(也叫做原生对象或内部对象)和内置对象统称为“内置对象”，也就是说除了宿主对象，剩下的都是内置对象。

数据类型

JavaScript 中一切皆对象(例如：字符串、数字、数组、日期，函数…等等)，很多情况下原始类型会被自动的转为对象，函数实际上也是对象。
JavaScript 中，对象是拥有属性和方法的数据。 ECMAScript 2015 标准定义了 7 种数据类型:

• Number （数字）
• String （字符串）
• Boolean （布尔）
• Null （空）
• Undefined （未定义）
• Symbol （符号） （ES6 新增）
• Object （对象）

前6种是原始数据类型(基本类型),例如，对字符串的操作一定返回了一个新字符串，原始字符串并没有被改变。其中有两个特殊数据类型： null, undefined。 第7种是引用数据类型,相等的两个对象引用内存中的同一块区域，改变其中一个对象的属性，另一个对象也被同样改变了。

引用类型包含：Object, Array, Function, Date, Error…等

数据类型判断
typeof() 可用于判断原始类型数据，对于引用类型都返回 object。存在两个特殊情况。

//注：typeof(var) 简写 typeof var
// 原始类型数据
typeof "abc"          //string
typeof 123            //number
typeof false          //boolean
typeof undefined      //undefined
typeof Symbol("abc")  //symbol

//引用类型数据
typeof []            //object
typeof {}            //object

//两个特殊情况
typeof null          //object    原始类型返回object, JS设计之初的缺陷
typeof function(){}  //function  引用类型返回function, 设置该特性为了方面判断函数

instanceof 用来判断一个变量是否是某个对象的实例，可用来判断对于引用类型。

//判断原始类型
new Error() instanceof Error       //true
new Date() instanceof Date         //true
{} instanceof Object               //true
[] instanceof Array                //true
function(){} instanceof Function   //true

//注意，它们都属于顶层 Object 的子孙实例
new Error() instanceof Object      //true
new Date() instanceof Object       //true
{} instanceof Object               //true
[] instanceof Object               //true
function(){} instanceof Object     //true

//注意，无法对原始类型进行判断，所以一般都是在typeof判断为object时才使用instanceof。
"abc" instanceof String            //false
"abc" instanceof Object            //false

Object.prototype.toString.call() 可以通用的来判断原始数据类型和引用数据类型。

var fn = Object.prototype.toString;    //对象原型上的 toString 方法

fn.call("abc")               //[object String]
fn.call(123)                 //[object Number]
fn.call(true)                //[object Boolean]
fn.call(null)                //[object Null]
fn.call(undefined)           //[object Undefined]
fn.call(Symbol("foo"))       //[object Symbol]
fn.call({})                  //[object Object]
fn.call([])                  //[object Array]
fn.call(function(){})        //[object Function]
fn.call(new Error())         //[object Error]
fn.call(new Date())          //[object Date]

constructor 返回对象相对应的构造函数。从定义上来说跟 instanceof 不太一致，但效果都是一样的。

//注：null, undefined 没有构造函数

"abc".constructor === Object     //false
[].constructor === Object        //false

"abc".constructor === String             //true
(123).constructor === Number             //true
false.constructor === Boolean            //true
Symbol("a").constructor === Symbol       //true
[].constructor === Array                 //true
{}.constructor === Object                //true
function(){}.constructor === Function    //true
new Error().constructor === Error        //true