prototype 原型的学习

Posted 2020-10-02

2017年4月18日09:01:32

原型：prototype （面向对象）

prototype：在js中，任何一个函数，都有一个prototype属性，指向一个对象，输出这个函数的prototype属性，你会发现一个空对象，输出这个prototype的类型是一个object。

1：原型作用：一个函数的原型，对于普通函数，没有作用，但是如果函数是一个构造函数，name函数的原型，有非常大的作用，具体如下

        //当一个函数被new出来的时候，不仅仅执行了构造函数里面的语句，也会把这个函数的proto——（原型对象）指向构造函数的proto。

        var xiaoming = new People();

        console.log(xiaoming.__proto__);

        console.log(xiaoming.__proto__==People.prototype);

        // 当我们访问那么，age的时候，构造函数返回的对象本身没有，那么就去查找原型，原型如果有就拿来当做自己的属性。

        console.log(xiaoming);

prototype一定使函数的属性。只能使用函数名调用赋值，当这个函数是一个构造函数的时候，那么new出来的对象将以他的原型那个对象为new出来的实例的原型对象。

任何一个对象都有__proto__属性，这个只是chrome的属性，别的不兼容，别的浏览器不能通过__proto__进行访问.

原型查找：是js里面很重要的一个机制。当我们要访问一个对象本身的属性的时候，如果这个对象身上有这个属性，直接返回值，如果没有这个属性，将访问它的原型对象。

prottype：原型，构造函数的属性，只有函数有原型。

__proto__原型对象，任何对象都有原型对象。:

那么__proto__是什么？我们在这里简单地说下。每个对象都会在其内部初始化一个属性，就是__proto__，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样一直找下去，也就是我们平时所说的原型链的概念。

按照标准，__proto__是不对外公开的，也就是说是个私有属性，但是Firefox的引擎将他暴露了出来成为了一个共有的属性，我们可以对外访问和设置。

http://www.cnblogs.com/zzcflying/archive/2012/07/20/2601112.html （详情参考）

2：原型的用途：

原型优点

如果不用原型，那么new的时候每一个对象都会复制一份构造函数里面的属性，多个对象会占用很大的内存。如果使用原型设置属性，所有对象都只调用一个函数，可以节省空间。

3：原型链查找

1）constructor:函数的原型有constructor属性，是原型的属性，这个属性值是原型的构造函数，

原型是实例的原型对象，构造函数是构造函数的原型构造器，通过构造函数才创造出一个构造函数的原型，构造函数的原型是一个对象，通过new函数制造出来的实例化对象的原型都是构造函数的原型

构造函数《==》原型

object用于创造对象，它是系统内置的构造函数，object。prototype是所有对象的原型链终点，所以当使用对象点语法调用某个函数的时候，系统会沿着原型链寻找定义，一直到Object。prototype

数组的原型链：

JS在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做__proto__的内置属性，用于指向创建它的函数对象的原型对象prototype。

在js中，面向对象技术，已经变成了组织代码的方式，这种方式叫做组件开发。

继承：

          //函数不调用不会自己执行

            // 把人类的所有属性给了学生类

            this.constructor.apply(this,arguments);

            this.xuehao = xuehao;

            this.flowernum = flowernum;

        }

        //继承的核心语句

        // 把人类的方法给了学生类

        Student.prototype = new People();

        // 下面这种情况会改变父类原型中的相同方法

        // Student.prototype = People.prototype;（不建议使用）。

for,,in 循环可以将原型链上所有可以枚举的东西列举出来。for(var k in obj)

in运算返回的是一个布尔值，系统默认例如constructor等属性是不可枚举的。for   in可以把自己添加的属性罗列起来，也可以将原型链上所有的属性罗列。

hasOwnProperty用来验证这个属性在不在当前obj里面，不会顺着原型链爬。只能输出当前在这个obj里面的。

直接使用点语法判断属性是不是在obj里面如果是underfined说明不在。 否则返回属性值。点语法会遍历原型链

instanceof运算符

类：class

实例：instance   A instanse B 验证A是不是B的实例

//数组的构造函数自带的方法 (ie9之后开始兼容)ECMAScript5标准中新增的一个API验证数组。

        var arr = [];

        console.log(arr instanceof Array);//true

        console.log(typeof arr);//object

        console.log(arr instanceof Object);//true

        console.log(Array.isArray(arr));//true

运算机理：

遍历HelloKit这个对象原型链上的每个原型对象，如果遍历到这个原型对象是某个构造函数的Prototype，那么hellokit也是这个构造函数的实例。

 

在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在javascript语言体系中，

是不存在类（Class）的概念的，javascript中不是基于‘类的’，而是通过构造函数（constructor）和原型链（prototype chains）实现的。

　所谓属性，就是对象的一种状态；所谓方法，就是对象的一种行为。

Cat.prototype = new Dog();cat继承了dog的属性。