JavaScript中的面向对象编程

OPP在JavaScript的表现方式:原型

传统的OPP:类

在这里插入图片描述

● 对象(实例)由类实例化,类的功能类似于蓝图,通过蓝图来实现建筑(实例)
● 行为(方法)从类复制到所有实例

JS中的OPP:原型

在这里插入图片描述

● 对象与原型对象相连;
● 原型继承:原型包含的方法(行为)可被链接到该原型的所有对象访问;
● 行为委托给链接的原型对象;

举例:
在这里插入图片描述

Array.prototype 是我们在 Javascript 中创建的所有数组对象的原型,因此,所有数组都可以使用 map 方法!

在 JavaScript 中实现原型继承的 3 种方法

**我们究竟如何去创建原型呢?并且我们将如何把对象链接到原型上呢?我们如何在没有类的情况下去创建一个新对象呢?

  1. 构造函数
    a. 从函数中创建对象的技术;
    b. 这就是数组、地图或集合等内置对象的实际实现方式
  2. ES6 Classes
    a. 构造函数语法的现代替代方案;
    b. “语法糖”:在幕后,ES6 类的工作原理正是链接构造函数;
    c. ES6 类的行为与 "经典 OOP "中的类不同
  3. Object.create()
    a. 将对象链接到原型对象的最简单、最直接的方法**
  • 10
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值