原型和原型链

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、使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类。

图片

我们将通过一个构造函数创建的对象，称为该类的实例。