javascript最初被称之为一门玩具性语言，主要的功能用于表单提交时的验证。时至今日，仍然有一些人认为javascript非常简单，有过其他语言的人学起来似乎不用几小时看下文档就行。其实不然，javascript虽然是一门脚本语言，但是他有着自己特色，如果不去了解他与众不同的地方，那遇到的坑将数不胜数。而javascript中难点之一就是原型链，他也是javascript中继承实现的重要基础。
在开始讲原型链之前，我们先来聊一聊javascript中的函数。
javascript有5种基本类型以及一种复杂数据类型object，object本质上由一组无序的名值对组成。
object其实是一种引用类型，在javascript中引用类型和其他如c#语言中的类有点像。我们可以把javascript中的引用类型假想成类，引用类型的值就是类的一个实例，即对象。
引用类型：
object array date regexp function
我们可以看到，其实函数也是一种引用类型，即每一个函数实例可以称之为一个对象。
前面已经说到，在javascript中，对象本质就是一组名值对。那如何来创建对象呢？
我要评论
var person = new object();
person.name = 'jack';
person.age = 18;
person.sayname = function () {
console.log(this.name);
};
早期的开发人员经常使用这种模式创建对象，不过后来又兴起来一种更为简单直接的方式。
这种方式你可能经常在使用，但是不知道这种创建方式的名字——对象字面量。
var person = {
name: 'jack',
age: 18,
sayname: function () {
console.log(this.name)
}
};
当你使用上面两种方式创建单个对象时，无疑是很方便简单的，但是现实中往往不是那么的简单，很多时候，我们都会面临一些复杂的场景。如果我们需要创建多个对象，那么采用上述方法就会产生大量重复代码。
工厂模式是软件工程领域中一种广为人知的设计模式，通过这种模式我们可以避免在创建多个对象时产生大量重复代码。
function createperson (name, age) {
var obj = new object();
obj.name = name;
obj.age = age;
obj.sayname = function () {
console.log(this.name);
};
return obj;
}
var person1 = createperson('jack', 20);
var person2 = createperson('tony', 22);
虽然工厂模式解决了创建多个相似对象的问题，但是这里却存在另一个问题。我们知道在程序中，当我们要对某个参数进行处理时，往往会先判断其类型或检查其值是否符合我们的要求。
通过工厂创建的方式，显然无法对其创建的对象进行识别。随着javascript的发展，另一种方式出现了——构造函数模式。
在本文开始讲函数的时候提到，每个函数都是function类型的一个实例，即函数是对象。函数不仅可以使用函数声明语法和函数表达式去定义，而且还可以使用function构造函数定义。
在javascript中，构造函数可以用来创建特点类型的对象，比如像object、array以及function这样的原生构造函数，当然我们亦可以创建自定义构造函数。
function person (name, age) {
this.name = name;
this.age = age;
this.sayname = function () {
console.log(this.name);
};
}
var person1 = new person('jack', 20);
var person2 = new person('tony', 22);
观察上面的代码，我们可以发现这种写法有点像其他oop语言。
class person {
private $name;
private $age;
public function __construct(name, age)
{
$this->name = name;
$this->age = age;
}
public function sayname()
{
echo $this->name;
}
}
在前面的例子当中，person1和person2两个对象都有一个constructor（构造函数）属性，该属性指向person。如此一来，便可以解决对象类型的问题。我们可以使用如下方式进行判断：
console.log(person1.constructor == person); // true
构造函数虽然好用，但是并非没有缺点。构造函数的主要问题，就是每个方法都要在每个实例上重新创建一遍。
让我们再看一下前面的例子：
function person (name, age) {
this.name= name;
this.age = age;
this.sayname = new function('console.log(this.name)');
}
前面提供，每个函数其实就是一个对象，上面定义函数方法和之前是等价的。
面对这种情况，我们可以通过原型模式来解决。
首先我们要牢记三个概念：
构造函数（类似于oop中的类） 实例或对象，通过new 构造函数()创建（类似于oop中的对象） 原型对象，可以想象成所有通过new操作符产生的实例的原始对象，只要我们创建一个构造函数，那么就会生成一个原型对象。在构造函数内部也会创建一个prototype属性，该属性指向原型对象。
下面我们看看如何使用原型模式来重写上面的例子：
function person () {}
person.prototype.name = 'jack';
person.prototype.age = 18;
person.prototype.sayname = function () {
console.log(this.name);
};
var person1 = new person();
首先我们创建了一个自定义构造函数，里面是空的，什么也没加。然后，我们通过其包含的属性prototype，为其原型对象添加属性和方法。最后我们通过new操作符，创建了一个person实例。这个时候，person1也拥有了name属性、age属性以及sayname方法。
看到这里，如果你是新手，肯定觉得一脸蒙蔽。产生这种现象的原因其实就是javascript的原型链，也就是本文的主题。
当我们访问person1的name属性时，javascript会现在person1实例中查找，如果找不到，就根据person1实例内部的一个指针[[prototype]]（该指针指向原型对象），去寻找其原型对象，如果原型对象里面有，那么就会取这个值。
在这我们来回顾一下方式四中说道person1和person2两个对象都有一个constructor，该属性指向person构造函数。其实从这里可以看出，不是这两个实例中有constructor，而是在它们的原型对象中有这个指向构造函数的constructor属性。所以实例和构造函数是没有直接联系的。
如果仅仅使用原型模式去创建对象，这样又会造成一个问题。我们希望像name、age这样的属性，能够通过参数进行传递，所以大多数情况都是结合两种方式来创建对象的。
构造函数模式用于定义实例属性，而原型模式用于定义方法和共享属性
function person (name, age) {
this.name = name;
this.age = age;
}
person.prototype.sayname = function () {
console.log(this.name);
};
var person1 = new person('jack', 18);
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
网友评论