原型和原型链的那些事儿

简单总结一下今天学的东西

• 简单类型与对象
• 包装类
• Number、Boolean、String、Object四个对象
• 全局对象
• （共用属性）原型
• __proto__与 prototype

简单类型与对象

简单类型，也就是所谓的原始值，它是没有属性和方法的
下面这三个带了new的，都是在创建对象
new Number(1)
new String(1)
new Boolean(1)

var n1 = 1;   //简单的数据类型，不是对象

var n2 = new Number(1);  //是一个对象

包装类

前面说到简单数据类型没有属性，但却可以调用属性，期间发生了隐式转换
这个隐式的环节叫做包装类

var num=4;
num.len=3;  //隐式发生转换，新建一个数字对象 new Number(4).len = 3 ，接着又删除了这个对象
console.log(num.len);//再新建一个数字对象 new Number(4).len ，但是光定义又没赋值，所以最后输出为undefined
        
var str="abcd";
str.length=2;//隐式发生转换，新建一个对象，然后添加属性并赋值，最后删除这个对象
console.log(str.length);//输出为4，字符串自带length属性,所以输出长度为4

Number对象

Number的常用属性	含义
Number.valueOf()	获取对象本身的值
Number.toString()	将数值转化为字符串
Number.toFixed()	将数值转换为小数
Number.toExponential()	将数值转化为科学计数法

var n2 = new Number(1);
n2.toString();  //"1"
n2.valueOf();  //1
n2.toFixed(2);  //"1.00"
n2.toExponential();  //"1e+0"

number类型的的toString方法可以加参数，表示按照什么进制来解析（不加参数默认按十进制解析）

(100).toString(16);  //"64"
(100).toString(2); //"1100100"

String对象

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

var s = new String('hello World');

//获取字符串中某一位的字符
s.charAt(1) ; //"e"

//获取字符串中某一位的字符的Unicode编码
s.charCodeAt(0);  //104

//删除字符串中多余的空格,是左右两面的空格
s.trim();  //"hello World"

//连接字符串1和字符串2,字符串1和字符串2是没有被改变的
var s1 = "hello";
var s2 = " world";
s1.concat(s2);  //"hello world"
console.log(s1);  //"hello"
console.log(s2);  //" world"

//截取字符串，从start到end前一位，不包括end
s.slice(0,2);  //"he"

//将字符串中的e替换成o(只能替换第一次出现的字符)
s.replace('e','o');  //"hollo World"

//搜索字符串中的内容(只检测第一次出现的字符)，没搜到返回-1
s.indexOf('s')  //-1

//返回一个字符串中从指定位置开始到指定字符数的字符
s.substr(0);  //"hello World"
s.substr(0,5);  //"hello"

Boolean对象

var f1 = false;
var f2 = new Boolean(false);
if(f1) { console.log('1') } ; //不执行
if(f2) { console.log('2') } ;  //执行

f1和f2的值都是false，但f2是对象，一切对象（包括空对象）的布尔值都是true，所以使用if判断语句，只有f2会执行。

Object对象

有两种方法可以创建对象，不过没人会用后一种

var obj = {};
var obj = new object();   //没人会这么用

另外来看一下这个例子

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

它们为什么不相等，理由很简单。
它们在stack栈内存中存储的内容是heap堆内存中的地址，每个对象的内容在heap内存中的地址是不一样的，所以对象与对象一般都是不相等的。（除非你将一个对象的内存地址复制给另一个对象）

全局对象Window

ECMAScript 规定全局对象叫做 global，但是浏览器把 window 作为全局对象（浏览器先存在的）

ECMAScript规定	浏览器自己加的属性（私有）
parseInt	alert
parseFloat	comfirm
Number	console.log
String	console.dir
Boolean	document
Object	history

• 所有浏览器中本身就有Number()，String()，Boolean()，Object()这些函数，而每个函数都有它自己的prototype，指向Object.prototype
• Object.prototype处于原型链的顶端，再往上找就没了，所以Object.prototype.__proto__===null
• 所有对象从Object.prototype继承了包括toString等等方法和属性。
• 当我们读取一个属性的时候，如果实例中自己有这个属性，就读取自己的，没有就按照原型链一层一层往祖辈上找。

js在创建对象的时候，都有一个叫做proto的隐式原型，用于指向创建它的函数对象的原型对象prototype

如果我们 var num = new Number ();

原型链.png

因为是用Number()创建的数字对象，于是num的__proto__指向Number.prototype，而Number.prototype再往上，就是所有对象的祖先Object.prototype