昨天在看Prototype看到JS支持面向对象,被前辈问到说那什么是面向对象?JS是面向对象语言吗?

便开始了一连串艰辛爬文过程,今天就来看一下两者有什么差异吧(rgwyjc)!

首先面向对象有三大特色,封装、继承及多态,这三个都是抽象的概念。

其中继承这个抽象的概念,是为了避免多个类别间重复定义了相同行为与实作。基本上有两种实作的方式可以实现,「原型继承」与「类别继承」。

这两者分别的特色如下。

类别继承classical inheritance:

可以从同一个类别(class)中实例多个物件。

可以将类别组织成层次结构,进而重覆使用代码。

常用的代码(More general code)将会储存在高阶的类别,由低阶的类别继承。

什么是常用的代码?举例来说,如果今天有两只不同品种的狗,但是叫声都是一样的,那我们便会把叫声储存在高阶的类别:

public class dog {

public String voice =“wong!”;

}

public class GoldenRetriever extends dog {

public String color =“gold”;

}

意味者物件与其它物件共享相同类别及父类别。

建立物件的时候,会需要先写出一个物件的类别(Class),然后,才利用这个类别来建立包含数据的物件,物件受限于类别而无法即时新增属性和方法。

Java或C++的继承是在定义类别时指定要继承的类别来当作父类别(SuperClass)

原型继承prototypal inheritance

物件直接继承其他物件,没有所谓的类别,需要物件就直接写一个(rgyqjy)。

物件利用层级结构连接在一起,所以仍然可以重复使用。

每个物件都跟创建它的物件有秘密连接,这形成一个链。

物件被呼叫自己没有的属性时,它的父层将被呼叫,不断往上找直到找到或到达根物件为止。

继承是经由指定物件的Prototype物件来达成的。

可以在建立后的任何时间,透过Prototype属性来指定要继承的物件

只要被继承的物件新增属性或方法,继承的物件也可以马上使用这些新增的属性和方法

方法和属性可以动态新增,因此,弹性会比需要定义类别式的语言来得大,但是,相对的,程序结构就比较不严谨,也比较容易发生执行时期的错误!

所以在JS中的每个函式(他们都是物件),实际上都有一个prototype的成员,负责在被呼叫物件时提供。

拥有这个成员允许了建构式的运作。

将属性新增至函式物件的prototype可使它被使用于建构式的物件,以及从这建构式继承的物件。

JS的原型继承是继承这个抽象概念的实现方式的一种。

以上就是关于两种继承的比较,如果有错误及来源为附上欢迎留言指正,那么我们明天见(rgswgy)!

学JS的心路历程-JS支持面向对象?(一)的更多相关文章

  1. 学JS的心路历程-JS支持面向对象?(二)

    昨天讲了面向对象的继承,今天我们来谈谈多态和封装吧! 多态polymorphism 抽象讲法解释,就是使用单一界面操作多种型态的物件 继承父类别,定义与父类别中相同的方法,但实作内容不同,称为复写(o ...

  2. 学JS的心路历程 - JS应用

    各家电商网站都推出了各种活动和现今优惠券,当时在逛PTT时看到了有篇文章,提供代码教大家用JS的方式抢票,看了一下后发现好像很多人好奇这是怎么做的,于是就想说想一篇文章来讲解一下. 我们先来看一下折价 ...

  3. 学JS的心路历程 - JS的Class

    没错,你没有看错,虽然前面说JS是原型继承,但在ES6以后新增了class关键字!!! 不过底层实作仍然是以原型继承方式进行,所以基本上算是一个语法糖. 今天我们就来看一下如何使用吧! class 首 ...

  4. 学JS的心路历程-物件与原型(一)

    前两天说明面向对象的三大特性及JS不符合面向对象,只能称作支持面向对象而已,今天我们来看看JS的原型继承. 首先我们先来看,什么是原型(vmwork): 两个物件之间的原型关系(prototype r ...

  5. 学JS的心路历程 -函式(三)this

    this是什么,取决于被呼叫的呼叫地点. 昨天有提到说,呼叫函式时候会传递隐含参数:arguments和this并讲解了arguments,今天我们就来探讨this吧! 什么是this 我们都会呼叫函 ...

  6. 学JS的心路历程Day26 - PixiJS -入坑

    后来知道也可以透过canvas让网页动起来! 而PixiJS是使用WebGL在canvas上绘制内容与制作动态 且同时有下列特色: 支持多点触控 掩码与混合模式 可外加WebGL滤镜 多装置支持 等等 ...

  7. 学JS的心路历程-函式(二)arguments

    参数(argument)与函式参数(parameter) 在讨论函式时,很多人都会把这两个搞混,我自己也不例外. 虽然讲错别人也听得懂,但是我们还是要搞清楚这两个的定义到底是什么! 参数是当我们呼叫函 ...

  8. 学JS的心路历程-物件与原型(三)

    昨天有说明到函式与建构式的原型,及指定建构式函式原型为另一个建构式函式,但其实这会造成复写constructor的问题. 复写constructor的问题(vmwork) 我们昨天有提到「建构式函式可 ...

  9. 学JS的心路历程 -物件与原型(二)

    昨天有提到说Object.setPrototypeOf可以指定一个物件为另一个物件的原型,但有想过到底这个原型,也就是[[Prototype]]最终会到何处吗? 答案是Object.prototype ...

随机推荐

  1. 微信小程序学习笔记1--小程序的代码构成

    最近打算学习一下微信小程序,看了微信公众平台的文档感觉还比较简单,就从这个方向重新找回学习的状态吧: 1.先了解一下小程序的代码构成: 创建项目后会看到四种后缀的文件: .json 后缀的 JSON ...

  2. 添加删除mysql用户

    create user 'hive_user'@'%' identified by '密码'; grant all privileges on hive.* to hive_user@'%'; cre ...

  3. angularjs指令中的scope

    共享 scope 使用共享 scope 的时候,可以直接从父 scope 中共享属性.因此下面示例可以将那么属性的值输出出来.使用的是父 scope 中定义的值. js代码: app.controll ...

  4. 自写-自动拨号测试app

    XML - Main <?xml version="1.0" encoding="utf-8"?> <android.support.cons ...

  5. 20165205 2017-2018-2 《Java程序设计》第七周学习总结

    20165205 2017-2018-2 <Java程序设计>第七周学习总结 教材学习内容总结 下载XAMPP并完成配置 完成XAMPP与数据库的连接 学会创建一个数据库 学会用java语 ...

  6. [UGUI]滑动列表优化(循环利用)

    需要注意的有下面几点: 1. 区分好表现上的index和逻辑上的index.表现上的index是指这个go是go列表中的第几项,但实际上这个index的意义并不大,因为在滚动的过程中go列表是轮转的: ...

  7. 24.API爬天气预报数据

    1.免费注册API 地址: https://console.heweather.com/ 必须要用IE浏览器打开,注册邮箱激活,打开控制台,如图: 认证key是访问api的钥匙 2.阅读api说明开发 ...

  8. 【Social Listening实战】当数据分析遭遇心理动力学:用户深层次的情感需求浮出水面

    本文转自知乎 作者:苏格兰折耳喵 ----------------------------------------------------- 本文篇幅较长,分为五部分,在中间部分有关于心理分析工具的介 ...

  9. python中的isalnum、isalpha、istitle、isspace、islower、isupper、isdigit

    isalnum()判断是否包含字母或者数字 isalpha()判断是否都是字母 istitle()判断每个单词首字母是否是大写 isspace()判断是否是空格 islower()判断字母是否全都是小 ...

  10. electron 项目的搭建方式,借助 node 和 npm

    1,首先确定安装了 node 和 npm 2,创建一个文件夹,如 aa 3,CMD 命令进入到 aa,用 npm 命令初始化一个项目 4, npm -init 根据提示完成配置 5,安装 electr ...