prototype-example

• first

function Person() {}

Person.prototype.name = 'xiaohesong'
Person.prototype.types = ['student']

let p1 = new Person
let p2 = new Person

p1.types.push('man')
console.log(p2.types) // ['student', 'man']
p2.types = ['teacher', 'woman']
console.log(p2.types) // ['teacher', 'woman']

为啥？不要想太多，因为push是直接在原型的属性上操作的，所以原型被改变了。如果是赋值，那么只会在对应的实例上进行操作。

为什么赋值会在实例上形成自己的实例对象？you don't known js - Setting & Shadowing Properties

• second 原型链继承

function First() {
  this.firstName = 'firstName'
}

First.prototype.getFirstName = function(){
  return this.firstName
}

function Second() {
  this.secondName = 'secondName'
}

Second.prototype = new First

Second.prototype.getSecondName = function(){
  return this.secondName
}

let first = new First
let second = new Second

second.getFirstName() //firstName
second.getSecondName() //secondName
first.getSecondName() // error

second.constructor === First //true
second.__proto__ === Second.prototype

Second.prototype = new First指向了一个新的对象，这个仅仅改变了构造函，现在构造函数是First,但是原型却没有改变，second的原型还是Second,只是原型是继承自First。

再看看下面的这个：

Second.prototype = new First //1
Second.prototype.constructor = Second //2

2这个是相当于在1的基础上把构造函数给改回成Second， 相当于在只存在原型继承。