为了转生而点技能-JavaScript，day17(原型-prototype、自订原型、新增method

本篇记录有关prototype的定义，自订及新增methods的简单操作。

原型：prototype

在JS里面，原型也是一个物件，而每个原型的物件都有自己的属性、methods或称函式。

当原型的methods(函式)有新增时，同样继承使用该原型的物件，也会同时新增该函式。
属性也同样继承，但是属性的值则可以自订。
原型也可以去继承其他原型的属性及函式；从a物件去继承A原型物件，A原型物件再去继承B原型物件时，流程就是原型链。
要看属性：a.A或是a.B；要看函式a.A()或是a.B()。

reference type:

        var a = [1, 2, 3];
        console.log(a);

可以看出a阵列总共有4个属性：0、1、2、length。
而Array原型也是从最顶层的Object继承而来。
[[Prototype]]: Array(0)：则是显示出从原型物件(Array)所继承的各种属性。

        a.forEach(function (params) {
            console.log(params);          //1,2,3
        })

primary type：

图中的toUpperCase极为从String原型继承的method。

        var a = 'a';
        console.log(a.toUpperCase());

        var b = new String('b');
        console.log(b);
        console.log(b.toUpperCase());

b是物件型别，但是他依然是继承於String原型，所以String的method依然可以使用。

延伸应用：

        var b = new String('baby');
        console.log(b);

        String.prototype.lasttext = function (params) {
            return this[this.length - 1]
        }
        console.log(b.lasttext());

b就是物件，属性及原型如下图：
利用新增String原型的method一个属性lasttext，且值为一个函式；因为JS除了primary tpye都是物件，这边设计要取最後一个字，所以length - 1。
console.log(b.lasttext())：y。

自订原型：利用建构函式

自订原型的属性：

利用建构子将函式转为新物件并供後续使用。

        function BluePrintDog(name, color, size) {
            this.name = name;
            this.color = color;
            this.size = size;
        }

        var DogA = new BluePrintDog('TOM', 'black', 'small');
        console.log(DogA);

DogA从BluePrintDog建构式取得3个属性。

自订原型的methods(函式)：

因为在JS函式也是物件，所以利用 BluePrintDog.prototype.eat的方式在BluePrintDog上的新增methods。
prototype在函式上是属性。

        function BluePrintDog(name, color, size) {
            this.name = name;
            this.color = color;
            this.size = size;
        }

        BluePrintDog.prototype.eat = function () {
            console.log('乖乖吃')
        }

        var DogA = new BluePrintDog('TOM', 'black', 'small');
        console.log(DogA);
        DogA.eat();