本章移到“Object oriented programming”和"classes"。

看‘class orientation‘ 的设计模式: instantiation, inheritance, relative 多态性。

会重点讲解oop理论,当讲到Mixins, 我们会最终联系这些思想到真实的JS代码。

在这之前会先说大量的概念,pseudo-code,所以不要迷失,stick with it!!


Class Theory

OO or class oriented programming , 通过适当的设计把数据和行为一起打包。

在正式的计算机科学,也叫做数据结构。

Classes也暗示了类化某个数据结构的方法。

And thus, classes, inheritance, and instantiation emerge. 如:车辆, 小轿车, 具体一辆小轿车。

另一个概念是:多态。

描述了从父类继承基本的行为后,在一个子类重写这些基本的行为赋予更多特色。

因此,父类和子类对某一行为应当共享相同的name,以便子类重写。

如此做,会导致JS code变得脆弱和让人frustration.

"Class" Design Pattern

OOp这种设计模式只是一种可选的代码概念。

有些语言如C/PHP还有 procedural syntaxes。

JavaScript "Classes"

JS 有一些类的句法元素:new , instanceof

在ES6中添加了更多的,如class关键字。(见Appednix A)

但是,JavaScript 实际上是没有classes的

JS试图满足非常普遍的愿望:通过提供类似类的句法,用类设计!

事实:其他语言的类和JS中的“classes”是不一样的。

类是一种可选的设计模式,因此你可以选择在JavaScript中使用或者不用。

因为很多开发者喜欢用oop设计模式,所以本章会探索:JS提供了什么导致类的错觉,和我们经历的错误点。


Class Mechanics

在许多对象编程语言,标准库提供了a 'stack' 数据结构,作为一个Stack类。

这个类有内部的一系列变量用于存储数据。并且它会提供一系列的公共地可存取的行为(方法) 。

这让你的代码有和这个data交互的能力。

但是,你无需直接在Stack上操作。Stack 类只是一个抽象的解释关于任意的stack应当做什么,它自己不是一个'stack'。 你必须实例这个Stack类。然后才能有一个具体的数据结构的东西来操作。

Building 类的比喻:建筑物蓝图。

依照蓝图建立实物,这个实物就是instance。继承就是从一个基本蓝图,增加内容变成子蓝图。

Constructor

一般和类名字相同。实际就是初始化这个实例的任何状态。

例子:

Joe = new ClassName()

实例化了一个类。


Class Inheritance

没啥新的。略

class Vehicle {
engines = 1 ignition() {
output( "Turning on my engine." )
} drive() {
ignition()
output( "Steering and moving forward!" )
}
} class Car inherits Vehicle {
wheels = 4 drive() {
inherited:drive() //有些语言使用super
output( "Rolling on all ", wheels, " wheels!" )
}
}

Polymorphism 多态。

子类被他们的父类给予继承的行为的复制。

如果一个行为在子类被重写,不影响父类的行为,父类的原先版本的行为不会改变的。

Class inheritance implies copies.

类的继承就是暗含了复制!!

Multiple Inheritance

少数语言提供多重继承。

JS不提供原生的多重继承的机制!

但可以模仿。比如

You Don't Know JS: this & Object Prototypes( 第4章 Mixing "Class" Objects)的更多相关文章

  1. You Don't Know JS: this & Object Prototypes( 第5章 Prototypes)

    qu上章提到过[[prototype]] chain, 本章详细分析 ⚠️所有试图模仿类复制的行为,如上章提到的mixins的变种,完全规避了[[Prototype]] chain机制,本章会谈到这方 ...

  2. You Don't Know JS: this & Object Prototypes( 第2章 this)

    this is a binding made for each function invocation, based entirely on its call-site (how the functi ...

  3. You Don't Know JS: this & Object Prototypes( 第3章 对象)

    前2章探索了this绑定指向不同的对象需要函数引用的call-site. 但是什么是对象,为什么我们需要指向它们? 本章探索细节. Syntax the rules  that describe ho ...

  4. You Don't Know JS: this & Object Prototypes( 第一章 this or That?)

    Foreword this 关键字和prototypes 他们是用JS编程的基础.没有他们创建复杂的JS程序是不可能的. 我敢说大量的web developers从没有建立过JS Object,仅仅对 ...

  5. You Don't Know JS: this & Object Prototypes (第6章 Behavior Delegation)附加的ES6 class未读

    本章深挖原型机制. [[Prototype]]比类更直接和简单! https://github.com/getify/You-Dont-Know-JS/blob/master/this%20%26%2 ...

  6. JS的Object漫想:从现象到“本质”

    转自:http://zzy603.iteye.com/blog/973649 写的挺好,用于记录,把对象分成概念的Object(var f={})和 类的Object(function F(){}) ...

  7. Javascript中Function,Object,Prototypes,__proto__等概念详解

    http://anykoro.sinaapp.com/2012/01/31/javascript%E4%B8%ADfunctionobjectprototypes__proto__%E7%AD%89% ...

  8. js中Object.defineProperty()和defineProperties()

    在介绍js中Object.defineProperty()和defineProperties()之前,我们了解下js中对象两种属性的类型:数据属性和访问器属性. 数据属性 数据属性包含一个数据的位置, ...

  9. js 之 object

    js之object 对象 ECMA-262 把对象(object)定义为“属性的无序集合,每个属性存放一个原始值.对象或函数”.严格来说,这意味着对象是无特定顺序的值的数组. 尽管 ECMAScrip ...

随机推荐

  1. Oracle错误——SP2-0734: 未知的命令开头 "imp C##sin..." - 忽略了剩余的行。

    错误 在windows的DOS窗口下使用命令导入Oracle数据. 原因 进入sqlplus里是不能执行imp的(sqlplus不认识imp),imp 是个工具,应该在cmd的dos命令提示符下执行.

  2. Python3 tkinter基础 Canvas delete 删除画布中的所有图形

             Python : 3.7.0          OS : Ubuntu 18.04.1 LTS         IDE : PyCharm 2018.2.4       Conda ...

  3. init: wait for '/dev/block/bootdevice/by-name/cache' timed out and took 5007ms【学习笔记】

    平台信息:内核:4.9.112系统:android one平台:qcom sdm439 作者:庄泽彬(欢迎转载,请注明作者) 一.android设备在开机的时候打印了如下的log,由于系统使用了AB分 ...

  4. Smartmontools硬盘检测工具

    安装: 下载 命令使用: 查看驱动器信息: $ smartctl -i D: smartctl 6.6 2017-11-05 r4594 [x86_64-w64-mingw32-w10-b17134] ...

  5. 今日头条 CEO 张一鸣:面试了 2000 个年轻人,混得好的都有这 5 种特质

    https://blog.csdn.net/qq_35246620/article/details/72801285 博主说:多了解了解总是好的. 正文 张一鸣算是 80 后中绝对的佼佼者.1983 ...

  6. JPA原理与实践、多数据源配置

    参考博客: https://segmentfault.com/a/1190000015047290?utm_source=Weibo&utm_medium=shareLink&utm_ ...

  7. 【Spring Security】三、自定义数据库实现对用户信息和权限信息的管理

    一 自定义表结构 这里还是用的mysql数据库,所以pom.xml文件都不用修改.这里只要新建三张表即可,user表.role表.user_role表.其中user用户表,role角色表为保存用户权限 ...

  8. IQR(Inter-Quartile Range)

    IQR(Inter-Quartile Range)在统计中叫内距.内距又称为四分位差.具体如下:内距IQR即Inter-Quartile Range, 这是统计技术上的名词.内距又称为四分位差,是两个 ...

  9. oracle单行函数 之 字符函数

    Upper(字符串 / 列):将输入的字符串变成大写 Lower(字符串 / 列):将输入的字符串变成小写 Initcap(字符串 / 列):开头首字母大写 Length(字符串 / 列):字符串长度 ...

  10. 【Hadoop 分布式部署 七: 使用ntp配置内网中集群机器时间同步 】

    集群的时间要同步,如果时间不同步,会出现很多问题. 找一台机器做时间服务器 所有的机器与这台机器的时间进行定时的同步 比如,每日十分钟同步一次 我们这里使用  hadoop-senior.zuoyan ...