JavaScript 处处皆对象，没错 JavaScript 到处都是对象，那么它必须有一种机制，将所有对象分割起来。所以，Brendan Eich 最初还是设计了 ” 继承 ”。既然咱们想要理解原型和原型链，就要先理解为什么要创造原型呢？那么咱们理解了为什么创造原型，那么原型是个什么货色呢？为了解决什么问题二存在的呢？
一、原型的演变过程
<script>
/\* 在 Person 中增加了一个 sayName() 办法，\* 每执行一次函数，就创立一个 sayName() 办法，造成了内存的极大节约
\*/
function Person(name , age , gender){
this.name=name;
this.age=age;
this.gender=gender;
this.sayName=function(){alert('hello');
}
}
var per1=new Person('hbw',23,'男');
var per2=new Person('hsw',22,'男');
var per3=new Person('hew',13,'男');
/\* 能够把 sayName() 办法放在全局作用域中，共享这个办法所有的对象指的都是 sayName() 一个办法
\* 然而将函数定义在全局作用域，净化了全局作用域的命名空间
\* 而且定义在全局作用域也不平安
\*/
function Person(name , age , gender){
this.name=name;
this.age=age;
this.gender=gender;
this.sayName=sayName;
}
function sayName(){alert('hello');
}
var per1=new Person('hbw',23,'男');
var per2=new Person('hsw',22,'男');
var per3=new Person('hew',13,'男');
** 原型退场 **
###### \* 原型 prototype
\* 咱们所创立的每一个函数 (一般函数和构造函数)，浏览器解析器都会向函数中增加一个属性 prototype，这个属性对应着一个对象，这个对象就是咱们所谓的原型对象
\* 如果函数作为一般函数调用 prototype 没有任何作用
\* 如果函数作为结构函数调用，它所发明的对象中都有一个隐含的属性，指向该构造函数的原型对象，所以咱们能够通过__proto__来拜访该属性
\*
\* 原型对象就相当于一块公共区域，所有同一个类的实例都能够拜访到这个原型对象
\* 咱们能够将对象中共有的内容，对立放在原型对象中，节俭了存储空间，防止了全局便量的净化
\*/
function MyClass(){}
MyClass.prototype.a=123;
console.log(MyClass.prototype);
\* 向原型中增加 sayName() 办法，不会净化命名空间，也不会占用全局作用域，而是作为构造函数的一个属性 \*/
function Person(name , age , gender){
this.name=name;
this.age=age;
this.gender=gender;
}
Person.prototype.sayName = function(){alert('hello');
}
var per1=new Person('huangbowen',23,'男');
var per2=new Person('huangshuaiwen',22,'男');
</script>从下面演示的例子中咱们看到了构造函数，那么什么是构造函数？构造函数又是怎么运行的呢？上面咱们来说一下:
构造函数
构造函数看起来和一般函数一样，只不过函数名是大写。
那么构造函数和一般函数有什么区别呢？
1、一般函数和构造函数的区别是调用形式的不同。
一般函数是间接调用，而构造函数须要应用 new 关键字来调用。
2、构造函数的执行流程
（1）创立一个空对象 person1
（2）将 person1 的__proto__属性指向构造函数 Person 的原 prototype
（3）将新建的对象设置为构造函数中 this, 在构造函数中能够应用 this 来援用新建的对象，执行
（4）若构造函数没有返回非原始值（即不是援用类型的值），则返回该新建的对象 person1（默认会增加 return this）。否则，返回援用类型的值。
3、应用同一个构造函数创立的对象，咱们称为一类对象，也将一个构造函数称为一个类。
图片
咱们将通过一个构造函数创立的对象，称为该类的实例。