面向对象编程

背景介绍
一、什么是面向对象
ECMAScript 有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。
二、知识剖析
原型prototype
我们创建的每个函数都有一个prototype(原型)属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解：prototype 通过调用构造函数而创建的那个对象的原型对象。使用原型的好处可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数中定义对象信息，而是可以直接将这些信息添加到原型中。
function Box() {} //声明一个构造函数
Box.prototype.name = ‘Lee’; //在原型里添加属性
Box.prototype.age = 100;
Box.prototype.run = function () { //在原型里添加方法
return this.name + this.age + ‘运行中…’;
};
三、面向对象写法
Person是构造出来的函数，函数下面有prototype对象，在原型对象上添加属性和方法，p1是new出来的对象的一个实例，这个实例相当于构造函数内部的对象，这里对象就是this,可以调用构造函数内的属性，通过原型链去调用
原型对象下的方法，它俩在一条原型链上，形成资源共享。
function Person(name){
this.name = name;
var label = ‘Person’;
｝
Person.prototype.nickName = ‘PersonPrototype’;
var p1 = new Person(‘p1’)
所以，它解决了消耗内存问题。当然它也可以解决this作用域等问题。

我们经常把属性（一些在实例化对象时属性值改变的），定义在构造函数内；把公用的方法添加在原型上面，也就是混合方式构造对象（构造方法+原型方式）：

复制代码
var person = function(name){
this.name = name
};
person.prototype.getName = function(){
return this.name;
}
var zjh = new person(‘zhangjiahao’);
zjh.getName(); //zhangjiahao

四、常见的问题
原型链的指向问题？
五、解决的问题
由于原型对象本身也是对象，根据上边的定义，它也有自己的原型，而它自己的原型对象又可以有自己的原型，这样就组成了一条链，这个就是原型链，JavaScritp引擎在访问对象的属性时，如果在对象本身中没有找到，则会去原型链中查找，如果找到，直接返回值，如果整个链都遍历且没有找到属性，则返回undefined.原型链一般实现为一个链表，这样就可以按照一定的顺序来查找。
五、编码实战
1）proto和prototype
JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做proto的内置属性，用于指向创建它的函数对象的原型对象prototype。以上面的例子为例：

console.log(zjh.proto === person.prototype) //true
同样，person.prototype对象也有proto属性，它指向创建它的函数对象（Object）的prototype

console.log(person.prototype.proto === Object.prototype) //true
继续，Object.prototype对象也有proto属性，但它比较特殊，为null

console.log(Object.prototype.proto) //null
五、扩展思考
constructor属性
原型对象prototype中都有个预定义的constructor属性，用来引用它的函数对象。这是一种循环引用
person.prototype.constructor === person //true
Function.prototype.constructor === Function //true
Object.prototype.constructor === Object //true