js基础之原型和原型链--------原型(1)

从这篇文章开始我会整理一下关于原型和原型链的一系列东西。

什么是原型

原型其实就是function的一个属性，它定义了构造函数制造出的对象的共有祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象

简单来说，我们创建的每一个构造函数自出生开始就自动的带有这个属性，这个属性叫做prototype。这个属性是一个指针，指向一个对象。这个对象中的属性和方法可以被构造函数实例化的对象访问。

接下来我们看一个例子：

		Person.prototype.lastName = "Wang";
        function Person(name, age, sex){
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
        var person1 = new Person("Wu", 18, "female");

上述代码中Person就是我们创建的构造函数，而Person.prototype就是Person函数的原型，person1是Person的实例化对象，person1被创建出来后，不仅具有了Person构造函数的属性，同时会继承到原型中的属性即lastName属性
因此，通过person1.lastName就可以访问到原型中的属性。

**注：**如果构造函数和原型中具有同一个属性，则会根据就近的访问原则，先判断构造函数中是否有该属性，如果构造函数中没有这个属性，才会去原型中找。

例：

       Person.prototype.lastName = "Wang";
        function Person(name, age, sex){
            this.name = name;
            this.age = age;
            this.sex = sex;
            this.lastName = "Liu";
        }
        var person1 = new Person("Wu", 18, "female");
        console.log(person1.lastName);              //Liu  构造函数中有lastName属性，则会输出构造函数中的属性，构造函数中没有才会去原型中找。

为什么要使用原型？

先看一个例子：

		function Car( color ){
            this.name = "BMW";
            this.height = 4900;
            this.lang = 1400;
            this.color = color;
        }
        var car1 = new Car("red");
        var car2 = new Car("green");

上述例子只是一个简单的构造函数实例化的过程，这个过程中，每创建一个实例都会执行一遍function中的语句，而这个例子中除了车的颜色不同之外，其余属性都是相同的，不管是car1还是car2都具有这些属性，所以，并没有必要重复执行，这时我们就可以把上述例子改写成

	Car.prototype = {
            name : "BMW",
            height : 4900,
            lang : 1400 
        };
        function Car( color ){
            this.color = color;
        }
        var car1 = new Car("red");
        var car2 = new Car("green");

所以原型的一个重要作用就是抽取公有属性或方法。

总结： 总之要记住，原型是function的一个属性，和实例化的对象并没有什么关系！！！`