面向对象(2 )构造函数 原型 原型链的理解

Posted yuanjingjing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面向对象(2 )构造函数 原型 原型链的理解相关的知识,希望对你有一定的参考价值。

                                      面向对象(2) 原型 原型链的理解

1.面向对象的目的就是生成对象object。

2.生成对象的方式

  (1)单例模式(字面量定义)var obj={}

  (2)类的实例 var obj=new Object()

  (3)工厂模式

  (4)构造函数

    技术分享图片

   工厂模式和构造函数的区别?

    工厂模式,生成的对象必须要返回,构造函数模式不用return,构造函数模式默认return旳是this,在构造函数内的this就是实例对象。

    构造函数如果人为return的不是对象,直接忽略,如果人为return的是对象,就取代this。

    工厂模式生成的实例对象的__proto__直接指向基类object的原型;

    构造函数生成的实例对象的__proto__指向它父类的原型,然后父类的原型上的__proto__指向基类object的原型。

    每个实例和实例之间都是独立的个体,它们之间的的属性互不干扰,是不等的,如果实例和实例之间的属性相等,则这个属性必须是父类的原型上的属性。是因为父类原型上的属性是可继承的,共享的。

原型链:

  在操作obj.属性的时候,首先看这个属性是私有的还是从父类的原型上继承的,如果是私有的直接使用,如果私有的没有就查看父类的原型上有没有,如果有就直接使用,如果没有 就再次向父类的父类的原型上查找,一直查到基类object为止,如果object也没有就得到undefined,这就是原型链。

  技术分享图片

 

  实例的__proto__上的属性

  技术分享图片

instanceof  判断对象是不是这个类的实例对象;

技术分享图片

isPrototypeOf() 判断实例对象是否是父类的原型

getPrototypeOf() 获取实例对象的原型;

技术分享图片

hasOwnProperty() 判断一个属性是不是自身(私有)的属性

技术分享图片

in 判断1一个山西是不是这个对象上的不管是私有的还是公有的

技术分享图片

实例对象的原型就是他父类的原型

技术分享图片

 

 3.如果不给类的原型指定一个对象,这个实例对象的__proto__上有一个constructor属性;

 如果给这个类的原型指定了一个对象,实例上的__proto__就没有constructor属性了。

构造函数里和原型里的this都指向实例对象

This指向问题:

  (1)this是一个对象,函数外的this都指向window;

  (2)函数内的this,它的指向跟函数调用有关,看函数得前面有没有点,有点就指向点前面的对象,没有就指向window;

  (3)定时器的this永远是window,自执行函数里的this是window

  (4)构造函数里的this和原型上的this都指向实例对象

改变this指向的方法:

  提前将this赋值;

  call;

  apply       call和apply执行是一样的都是将前面函数内的this改成第一个参数,然后执行前面的函数,不同在从第二个函数开始 apply是一个数组;

  bind bind只改变前面函数的this,但是不执行前面的函数,需要加一个()才执行继承。

 

继承

  (1)call继承 子类继承父类;

     将父类的私有属性继承为子类的私有属性

     技术分享图片

  (2)原型继承 将父类的私有和公有属性都继承为子类的公有属性

     子类的原型=父类的实例 B。prototype=new A()

     技术分享图片

 

 

 

 

 

 


以上是关于面向对象(2 )构造函数 原型 原型链的理解的主要内容,如果未能解决你的问题,请参考以下文章

js原型链和继承的理解

理解面向对象

怎么理解js的原型链继承?

怎么理解js的原型链继承?

JS面向对象三大特征:封装、继承、多态

JS中面向对象的,对象理解构造函数原型原型链