原型与原型链

全局对象window

ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象
这些全局变量分为两种：

1. 一种是 ECMAScript 规定的
   • global.parseInt
   • global.parseFloat
   • global.Number
   • global.String
   • global.Boolean
   • global.Object
2. 一种是浏览器自己加的属性
   • window.alert
   • window.prompt
   • window.confirm
   • window.console.log
   • window.console.dir
   • window.document
   • window.document.createElement
   • window.document.getElementById
     注：浏览器自己加的属性，window对象中的所有方法都可以省去window；例如 window.alert()可以直接写 alert();正是因为是浏览器自己加的属性，所以不同浏览器所呈现的效果也会不同。

简单类型与对象的区别

声明一个变量

//声明简单的数据类型
var n1 = 1;
//声明一个对象，可以用n2.toString()将其转换成字符串
var n2 = new Number(1);

IMG_0208.JPG

通过内存图可以看出他们在内存中的储存方式是不同的，n1是直接声明简单的数据类型（number），存储在stack栈内存中，而n2是声明了一个对象stack内存中存储着该对象的内存地址，对象的内容存储在heap堆内存中。但是我们平时常用的写法却是第一种！也可以直接调用valueOf() 方法 和toSting()方法,原因是：临时转换（用完就回收），如果你使用n1的写法，调用了了如valueOf方法，那么JS会创建一个临时的对象，然后调用该对象的方法，调用结束后临时对象就会被垃圾回收掉。

常见踩坑题

var n =1;
n.xxx = 2;
//n.xxx = 2;会报错吗？
//n.xxx的值是多少？

答案：n.xxx = 2;这句话不会报错,执行这句话时，JS会创建一个临时对象，为临时对象添加属性，执行这句话后，临时对象就会被回收，如果再执行n.xxx，结果是undefined，因为给n添加完属性后临时对象就会被回收，n本质上还是一个数值，没有临时对象，再去重新创建一个新的对象，里面没有这个属性（有个这属性的对象已经被删了）。

Number对象

• Number.valueOf() //获取对象本身的值
• Number.toString() //将数值转化为字符串
• Number.toFixed() //将其转换为小数
• Number.toExponential() //将其转化为科学计数法

String对象

• String.charAt() //获取字符串中某一位的字符
• String.charCodeAt() //获取字符串中某一位的字符的Unicode编码
• String.trim() //删除字符串中多余的空格
• String1.concat(String2) //连接字符串1和字符串2
• String.slice(start,end) //切片，截取字符串（包前不包后），从start到end
• String.replace(‘e’,’o’) //将字符串中的e替换成o(只能替换第一次出现的字符)
• String.indexOf() //搜索字符串中的内容(只检测到第一次出现的字符)，没搜到返回-1
• String.split() //分隔
• String.substr(start[, length]) //截取,返回一个字符串中从指定位置开始到指定字符数的字符

Boolean对象

image.png

注：f1和f2的值都是false，但是f2是对象，一切对象（不论是否是空对象）都是truey，所以使用if判断语句，会将f2转化为了true，打印出2。

Object对象

Object对象，两种赋值方法是一样的，没有任何区别。但是

var obj1 = {};
var obj2 = {};
obj1 === obj2; // false

为什么obj1不恒等于obj2？？？因为它们在stack栈内存中存储的内容是heap堆内存中的地址，每个对象的内容在heap内存中的地址是不会一样的，所以对象与对象一般都是不相等的。（除非你将一个对象的内存地址复制给另一个对象）。

原型链

所有对象都有 toString 和 valueOf 属性，但是不需要给每个对象一个 toString 和 valueOf。因为JS每次声明一个对象都要写一次这些方法这样写的话会非常占用内存，JS 的做法是把所有的对象共用的属性全部放在heap堆内存的一个对象（共用属性组成的对象），然后让每一个对象的proto存储这个「共用属性组成的对象」的地址。而这个共用属性，就是传说中的原型

image.png

1.proto就是这些共用属性的引用。
2.声明Number对象、String对象、Boolean对象时，如声明Number对象，在stack栈内存中存储着该对象的内存地址，对象的内容存储在heap堆内存中。对象的内容里面有proto，它指向的Number的共用属性（Number.prototype）。

一些推导等式

通过var 对象 = new 函数；推出其他烧脑的等式

var n = new Number(1);
//var 对象 = new 函数；

//对象的__proto__最终指向某对象的共用属性，构造某对象的函数的prototype也指向某对象的共用属性
//__proto__ 是对象的属性，prototype是函数的属性
对象.__proto__ === 函数.prototype

//函数的prototype是对象，这个对象对应的就是最简单的函数Object
函数.prototype.__proto__ === Object.prototype

//由于函数本身即是函数（最优先被视为函数），也是对象，而函数的构造函数是Function
函数.__proto__ === Function.prototype

//Function即是对象，也是函数，但他优先是个函数
Function.__proto__ === Function.prototype

//Function.prototype也是对象，是普通的对象，所以其对应的函数是Object
Function.prototype.__proto__=== Object.prototype

我们经过上面的推导，发现Function，他即是函数，也是对象，所以他有函数的prototype，也有对象的proto，即Function.prototype 与Function.proto互相引用。
注：Object.proto === Function.prototype，因为 Function 是 Object 的构造函数。