对象进阶原型和原型链之基础认知

看了很多关于原型和原型链的讲解,基本都是用代码解释,但是对于新手来说,我觉得直接用白话文来解释或许更加的合适。
原型链:proto 这个我们在平时打印时可以经常能够看到那么这个东西具体代表的是什么呢?

原型链就是继承关系(继承就是父类有的,子类也有),如果说a的原型链是什么,那么就是它的父类,原型链上的方法,就是它的父类的方法。
原型:原型就是某一个对象,下面有很多继承于它的对象，对这些对象来说,这个父类对象就是他们的原型。
对于最顶级对象(没有继承其他的)的原型链,其__proto__(原型链)的值是null,别的对象的__proto__都是取继承对象的方法

上面的白话文说的应该很清楚了,但是为了更加清晰,我使用代码加注释的方法来展示

class Box{
constructor(){

}
play(){

}
run(){

}
}
var b=new Box();
b.abc=function(){

}
console.log(b);      //Box{abc:f}  abc是实例化b的方法 所以打印的时候直接显示出来,而点开__prpto__查找原型链的方法,会发现play和run方法,说明原型链就是继承
console.log(b.__proto__);   //Box{}   实例化的原型就是Box(类)
//在类中,只有类似play()这种方法,才是实例化后原型链上的方法,其余的属性都是对象属性,不属于原型链上的方法

对象的创建

对象的创建有三种方式:字面量创建,构造函数创建,原型创建对象

//字面量创建   var obj={a:1,b:2}
//构造函数创建   var obj=new Object()   
//原型创建对象
var o={a:1};
var o1=Object.create(o);  //以o为原型创建o1,o2 
var o2=Object.create(o);
o.a=10;
o1.a=100;
console.log(o1.a,o2.a.o1);  //100   10   
//o中的a本来是对象属性,不是原型链下的,但是以o为原型创建后,对于子类来说a的所有属性都是原型链下的属性,
//子类改变属性值，不会影响原型链上的属性值，但是原型链上的属性改变后,子类也会跟着改变

//可以通过子类改变原型链上的属性
o1.__proto__.a=100;     //其他继承这个原型的对象，也会跟着改变,所以一般不允许直接修改原型链的属性,除非你自认为能够驾驭的了

当设置对象属性时，直接设置的是对象的自身属性（对象属性）;如果自身属性和原型属性名字冲突了,原型上的属性没影响,只是设置了自身的同样属性,而且原型上的属性不再影响这个对象
如果获取时，
1.首先查看该对象有没有这个名称的对象属性，如果有直接返回这个属性值
2.如果没有向下查找紧邻的原型链中的属性是否具有该属性名
3.查找到距离该对象最近的原型链中属性名后返回其值