浅谈原型、原型链、继承

一、原型  Prototype

       定义:在javascript中,任何一个函数都有一个prototype属性,指向一个对象。

                 输出一个函数的prototype属性,是一个空对象,输出这个prototype的类型,是object类型。

                 也就是每个函数都有原型,原型是一个对象。

                 一个函数的原型对于普通函数来说,用处不大,但是这个函数如果是构造函数,那么原型就用处极大。

                 当一个函数是构造函数时,那么它new出来的实例化对象的原型对象是这个构造函数的原型。

                 任何一个对象都有__proto__属性,这个属性指向自己的原型对象,是chrome自己的属性,别的浏览器不兼容,但是别的浏览器也有原型对象,只不过不是通过__proto__来访问。

               

二、原型链

      jacascript有非常强的原型链机制:原型链查找

     当我们试图访问一个对象身上的属性时,如果这个对象身上有这个属性,就返回它的值,如果它身上没有这个属性,则会去【创建了对象的类的原型】中去找,也就是【这个对象的原型对象中】去找,若能找到,相当于这个对象有这个属性,若找不到,就去【创建了对象的类的原型的原型对象】中去找,直到Object的原型为止。

      


总的来说,我们讲了两个对象和一个函数的故事,任何一个函数都有一个原型,原型是一个对象,用prototype来访问。当这个函数是构造函数时,new出来的对象,它的原型对象是这个构造函数的原型

任何一个对象都有一个原型对象       

三、原型的用途

       两个实例化对象的共同的属性要绑在构造函数身上,所有的方法定义在构造函数的的原型对象中的优点如下

       

      如果把sayHello方法放到构造函数中,那么在创建小明和小红实例化对象的时候这个方法被复制了两份,小明和小红这两个实例化对象有了相同功能的函数,却不是同一个函数,函数没有被复用,而放到原型上,函数会被复用。

四、constructor属性

       函数的原型有constructor属性,指向构造函数

       只要是对象,一定有原型对象,当然,只有一个对象没有原型对象,这个对象是Object.prototype

       Object是一个函数,是系统内置的构造函数,用于创造对象的Object.prototype是所有对象的原型链终点

       所以,当我们在一个对象上打点调用某个方法的时候,系统会沿着原型链去寻找,一直找到Object.prototype

五、所有的引用类型值,都有内置都有内置构造函数

  new Object()  new Array()  new Function()  new RegExp()  new Date()

六、基本类型值,也有包装类型,所谓包装类型,就是他的构造函数

      new Number()   new String()   new Boolean()

七、继承

     1、 子类的原型等于父类的某个实例

      

     Student‘类’继承了People‘类’,Student‘类’的实例化对象继承了People的全部公有属性和方法

     方法为什么写在构造函数的原型身上,上文已经提到

2、in运算符

     返回一个布尔值,表示这个属性是不是对象的属性

     in不仅检测对象身上有没有这个属性,如果原型链身上有这个属性,那么也返回true,整个原型链都没有这个属性,返回false,也就是说in运算符会进行原型链查找

3、hasOwnProperty

     这个方法定义在Object的原型对象身上,所以任何一个Object都能够拥有这个方法

    这个方法返回布尔值,表示自己是否拥有这个属性,不考虑原型链,单看自己身上有没有这个属性,不进行原型链查找

4、对象直接打点验证某个属性是否存在

     要看属性是否在自己身上,打点调用属性,如果在就返回值,如果不在,返回underfined;

5、instanceof运算符

    返回布尔值,验证A对象是不是B类的实例

    这个运算符会遍历A对象的原型链上的每一个原型对象,如果遍历到这个原型对象是某个构造函数的原型,那么就认为A对象是这个构造函数的实例,返回true

   也就是说A instanceof B   不能证明A是B  new 出来的,也可能是继承。

猜你喜欢

转载自blog.csdn.net/qq_42129143/article/details/80791009