JavaScript面向对象和原型学习

1.面向对象编程

面向对象编程具有灵活、代码可复用、容易维护和开发的优点,适合多人合作的大型软件项目

面向对象的特性:

  1. 封装性
  2. 继承性
  3. 多态性

 面向过程编程和面向对象编程的对比

(1)面向过程编程

优点:性能比面向对象高,适合跟硬件联系很紧密的东西。

缺点:没有面向对象易维护、易复用、易扩展

(2)面向 对象编程

优点:易维护、易复用、易扩展,由于面向对象由封装、继承、多态性的特性,可以设计处低耦合的系统,使系统更加灵活、更加易于维护

缺点:性能比面向过程低

2.原型 

(1)原型

        构造函数通过原型分配的函数是所有对象所共享的。
        JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象,所以我们也称为原型对象

        这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存。
        我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。

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

原型是一个对象,我们也称为prototype为原型对象

原型的作用是共享方法,可以把那些不变的方法,直接定义在prototype对象上。

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

(2)constructor属性

每个原型对象里面都有一个constructor属性(constructor构造函数)

该属性指向该原型对象的构造函数 

(3)对象原型

 __proto__是JS非标准属性
[[prototype]]和__proto__意义相同
用来表明当前实例对象指向哪个原型对象prototype
__proto__对象原型里面也有一个constructor属性,指向创建该实例对象的构造函数

 (4)原型继承

(5)原型链-->查找规则

        基于原型对象的继承使得不同构造函数的原型对象关联在一起,并且这种关联的关系是一种链状的结构,我们将原型对象的链状结构关系称为原型链

当访问一个对象的属性(包括方法)时,首先查找这个对象自身有没有该属性。

如果没有就查找它的原型(也就是_proto_指向的prototype原型对象)

如果还没有就查找原型对象的原型( Object的原型对象)
依此类推一直找到Object为止 ( null)
_proto_对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条路线
可以使用 instanceof 运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上
 

所有的对象里面都有__proto__对象原型  指向原型对象

所有的原型对象里面有constructor,指向创造该原型对象的构造函数 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值