面向对象是一种常见的编程思想，Java、C++都非常卓越的实现了面向对象编程。对这些语言少有熟悉的同学都知道Java、C++中存在类型,实例这两个重要概念来描述面向对象的特性。但是JavaScript并没有特别清晰的类型与实例的概念，JavaScript通过原型链的方法实现面向对象编程的特性，本文就来聊聊相关知识与历史。

我们知道面向对象是一种思想，它并没有要求能够面向对象的编程语言具体怎样实现，只是规定了一些特性集，如：

• 对象具有唯一性，即使两个相同的对象也不是同一个
• 对象拥有描述它的状态（属性）和行为（方法）
• 对象的状态和行为可以继承

我们的知道Java、C++很好的通过类型与实例的概念成功的实现了面向对象，接下来我们看看JavaScript通过原型链是怎样实现面向对象的。

创建对象

JavaScript中没有类型，只有实例，但是我们可以创建原型对象。

var Student = {
    name: 'Qi Qi',
    height: 1.8,
    say: function() {
        console.log(this.name + ' is saying...');
    }
}
var allen = {
    name: 'allen'
}
allen.__proto__ = Student;
allen.say()
//allen is saying...

JavaScript中__proto__属性指向对象的原型，当访问对象的属性或方法会查看当前对象是否含有该元素，如果没有的话去它的原型对象上继续查找，由此我们可以实现原型对象，可以用它来充当类型。

我们从上文中了解到JavaScript的设计与开发时间紧任务重，老板还要求与Java相似，这就造成了为什么两种不同的面向对象的实现思路都有诸如new,this这些概念。new关键字可以调用函数，并且返回一个对象：

function Student(name) {
    this.name = name;
    this.say = function() {
        console.log(this.name + ' is saying...');
    }
}

var qiqi = new Student('qiqi');
qiqi.name //"qiqi"
qiqi.say() //qiqi is saying...

new用在函数前可以看作类的构造函数，与不使用new的普通函数调用的区别就是这里this绑定了新创建的对象，并且在函数尾添加了return this;逻辑，否则函数返回undefined。这里原型链的关系是：

qiqi/xiaoming/... --> Student.prototype --> Object.prototype --> null

同时new Student()创建的对象还从原型链上获取了一个constuctor属性指向Student函数本身

qiqi.constructor === Student.prototype.constructor; // true
Student.prototype.constructor === Student; // true
Object.getPrototypeOf(qiqi) === Student.prototype; // true
qiqi instanceof Student; // true

如果上述代码忘了写new直接调用函数会发生错误。如果在strict模式下this.name会报错，因为this绑定的是undefined。如果在非strict模式下，this绑定的事window对象，那么this.name相当于创建了name全局对象。为避免这种情况发生我们可以使用工厂函数把new封装为内部操作。

function Student(props) {
    this.name = props.name || '匿名'; // 默认值为'匿名'
    this.grade = props.grade || 1; // 默认值为1
}
Student.prototype.say = function () {
    alert(this.name + ' is say... ');
};
function createStudent(props) {
    return new Student(props || {})
}

原型继承

继承是面向对象的一大特点，如果我们需要HighStudent继承Student，自然想到需要的原型链关系。