原型链

let f=function(){
  this.a = 1;
  this.b = 2;
}
let o = new f();
//  在f函数的原型上定义属性
f.prototype.b = 3;
f.prototype.c = 4;
// 不要在f的原型上直接定义f.prototype = {b:3,c:4}；这样会直接破坏原型链
// o.[[prototype]] 有属性b和c
// (其实这就是o.__proto__ 或者 o.constructor.prototype)
// o.[[prototype]].[[prototype]]是Object.prototype
// 最后o.[[prototype]].[[prototype]].[[prototype]]是null
// 这就是原型链的末尾，即null
// 根据定义，null就是没有[[prototype]]

// 综上，这个原型链如下：
// {a:1, b:2}--->{b:3, c:4}---> Object.prototype ---> null

console.log(o.a); // 1
// a是o的自身属性吗？是的，该属性的值是1

console.log(o.b); // 2
// b是o的自身属性吗？是的，该属性值为2
// 原型上也有一个‘b’属性，但是它不会被访问到
// 这种情况叫做“属性遮蔽”

console.log(o.c) // 4
// c是o的自身属性吗？不是，那看看它的原型上有没有
// c是o.[[prototype]]的属性吗？是，该属性值为4

console.log(o.d) // undefined
// d是o的自身属性吗？不是，那看看它的原型上有没有
// d是o.[[prototype]]的属性吗？不是，那看看他的原型上有没有
// o.[[prototype]].[[prototype]]为null,停止搜索
// 找不到d属性返回undefined

var o = {a: 1};
//  o这个对象继承了Object.prototype上面的所有属性
// Object.prototype的原型为null
// 原型链如下
// o -->Object.prototype -->null

var a = ["yo", "dkdkk", "dkl"];
// 数组都继承自 Array.prototype
// 原型链如下
// a --> Array.prototype --> Object.prototype --> null

function f(){
  return 2;
}
// 函数都继承自Function.prototype
// 原型链如下
// f --> Function.prototype --> Object.prototype --> null

function Graph(){
  this.vertices = [];  
  this.edges = [];
}
Graph.prototype = {
  addVertex:function(v){
    this.vertices.push(v)
  }
}
var g = new Graph();
// g是生成的对象，他的自身属性有‘vertices’和edges
// 在g被实例化时，g.[[prototype]]指向了Graph.prototype

var a = {a:1};
// a --> Object.prototype --> null
var b = Object.create(a);
// b --> a --> Object.prototype --> null
var c = Object.create(b)
// c --> b --> a -->Object.prototype --> null
var d = Object.create(null);
// d --> null
console.log(d.hasOwnProperty); 
// undefined ,因为d没有继承Object.prototype

class Polugon{
  constructor(height, width){
    this.height = height;
    this.width = width;
  }
}
class Square extends Polygon{
  constructor(sideLength){
    super(sideLength, sideLength)
  }
  get area(){
    return this.height * this.width
  }
  set sideLength(newLength){
    this.height = newLength;
    this.width = newLength;
  }
}
var square = new Square()