全局对象Window

ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象（浏览器先存在的）
window 的属性就是全局变量。
全局变量分为两种：

一种是 ECMAScript 规定的

global.parseInt
global.parseFloat
global.Number
global.String
global.Boolean
global.Object

一种是浏览器自己加的属性

window.alert
window.prompt
window.comfirm
window.console.log
window.console.dir
window.document
window.document.createElement
window.document.getElementById

全局函数

Number
var n1= 1
var n2 = new Number(1)创建一个 Number 对象
n1 与 n2 的区别是什么？看内存图:
n1里面存的是数值，n2里面存的是指向对象的地址

内存图.png
String
var s = new String('hello')创建一个 String 对象
'hello'与 new String('hello')的区别是什么？看内存图，类似Number。
Boolean
var b = new Boolean(true) 创建一个 Boolean 对象
true与 new Boolean(true)的区别是什么？看内存图，类似Number。
Object
var o1 = {}
var o2 = new Object()
o1 和 o2 没区别

非对象变量怎么调用属性

var n = 1
n.toString() =?
'1'

n是一个数值，并非对象，为什么能够调用toString属性？
在对非对象调用属性时，创建一个临时temp对象，将变量值存入temp，然后temp调用属性，temp之后被删除
上面代码相当于

temp = new Number(1)
temp.toString() = ?

考题：

image.png

创建temp对象，并将temp对象的xxx属性指定为2，temp对象被删除
变量n还是1，也没有xxx属性，内存图如下

image.png

公用属性存储

所有对象都有 toString 和 valueOf 属性，

JS 的做法是把 toString 和 valueOf 放在一个对象里（暂且叫做公用属性组成的对象）

然后让每一个对象的__proto__存储这个「公用属性组成的对象」的地址。

微信截图_20190122113038.png

图解原型与原型链

图一
通过原型模式创建对象，了解对象的创建机制

var o1 = new Object()
var o2 = new Object()

图二

function Foo() {}
var f1 = new Foo()
var f2 = new Foo()

一切对象（除Object.prototype）都继承自Object,所以最大的boss是Object.prototype,而构造它的原型对象是null。

图三

Function 构造函数创建一个新的Function对象。在 JavaScript 中,
每个函数实际上都是一个Function对象。

全局的Function对象没有自己的属性和方法, 但是它本身也是函数的一个实例，所以它会通过原型链从Function.prototype上继承部分属性和方法
即Function.__proto__ = Function.prototype

总结

对象都是由函数创建的。
一切都是对象，函数也是对象

解决原型链问题的两个核心思想

原型（共有属性）最终指向Object.prototype(一切都是对象)
所有函数（Array,Object,Boolean,包括Function本身）的原型__proto__都指向Function.prototype，因为它们都是Function的实例。(对象都是由函数创建的)而Function.prototype.__proto__ = Object.prototype(函数也是对象)

重要公式

var 对象 = new 函数()
对象.__proto__ === 对象的构造函数.prototype

// 推论
var number = new Number()
number.__proto__ = Number.prototype
Number.__proto__ = Function.prototype // 因为 Number 是 Function 的实例

var object = new Object()
object.__proto__ = Object.prototype
Object.__proto__ = Function.prototype // 因为 Object 是 Function 的实例
Object.prototype.__proto__ = null

var function = new Function()
function.__proto__ = Function.prototype
Function.__proto__ == Function.prototype // 因为 Function 是 Function 的实例！

采坑例题

var object = {}
object.__proto__ ===  Object.prototype  // 为 true

var fn = function(){}
fn.__proto__ === Function.prototype  // 为 true
fn.__proto__.__proto__ === Object.prototype // 为 true

var array = []
array.__proto__ === Array.prototype // 为 true
array.__proto__.__proto__ ===Object.prototype // 为 true

Function.__proto__ ===Function.prototype// 为 true
Array.__proto__ === Function.prototype // 为 true
Object.__proto__ === Function.prototype // 为 true

true.__proto__ === Boolean.prototype // 为 true

参考文章：
1.你真的完全理解原型与原型链？
2.js对象（二）—— 函数与对象的关系（认识原型链）

JS中的原型与原型链