008-JS原型和原型链（1）

1.第一个概念：构造函数

关于创建对象我会在之后的博客中写，这里使用构造函数创建对象。现在有了第一个概念：构造函数。

function Person() {

}
var person = new Person()
person.name = 'James'
console.log(person.name)

2.第二个概念：prototype

每个函数都有一个prototype属性，如下所示：

function Person() {

}
var person = new Person()
Person.prototype.name = 'James'
console.log(person.name)

3.第三个概念：实例

如上面代码所示，person就是构造函数Person的实例。

4.第四个概念: __proto__

每个对象都有一个__proto__属性。

5.第五个概念：constructor

这里先不介绍constructor是什么。我们先明确有这5个概念

6.串联5个概念

• 第一步：创建对象

function Person(){}

• 第二步：函数的prototype
  

• 第三步：实例
  

• 第四步：指向原型
  

• 第五步：连接原型和构造函数
  
  下面我们用代码展示上面的5步操作

// 第一步
function Person() {

}
// 第二步
Person.prototype.name = 'James'
// 第三步
var person = new Person()
// 第四步
console.log(person.__proto__ ===Person.prototype) // true
// 第五步
console.log(Person.prototype.constructor === Person) // true