js面向对象

ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP),本文先来了解面向对象编程,首先我们先来看一下,什么是面向对象?

面向对象(Object Oriented)是软件开发方法,一种编程范式,是一种对现实世界理解和抽象的方法,是计算机编程技术发展到一定阶段后的产物。

面向对象程序设计(Object Oriented Programming)本质是以建立模型体现出来的抽象思维过程和面向对象的方法。面向对象方法,则是把相关的数据和方法组织为一个整体来看待。

图片

js是一种面向对象的编程方式,可以通过构造、继承等方法创建对象概念,扩展对象的属性和行为(方法),从而封装一个抽象类。

js没有真正的类,ES6中引入类class的概念,作为对象的模板被引入,可以通过 class 关键字定义类,其本质是Function,是函数式编程的最直接体现方式。

面向对象编程的基本特征如下

图片

那我们如何创建对象,进而扩展属性和方法(行为),对象实例化(封装)方式有哪些?

一、原始模式

var oop = {
var oop2 = {}

这种方式存在两个缺点:

1、需要创建多个实例,单一赋值,消耗内存

2、实例和原型之间没有公用方法,看不出内在联系

二、定义函数****,对原始模式进行改进

function Obj(a, b) {

缺点: person1 和person2没有任何关联关系,不能反映出他们是同一个原型的实例对象

三、工厂模式定义对象

function createObj(a, b){ //对象工厂

缺点:工厂模式可以创建多个相似的对象,但是却没有解决对象的识别问题,无法区分对象类型。

四、构造函数

function CreateObj(a, b){

”构造函数”,其实就是一个普通函数,在内部使用了this变量。也可以理解为:构造函数就是类,person1, person2其实就是createObj类的实例对象。

加new执行的函数构造内部变化:自动生成一个对象,this指向这个新创建的对象,函数自动返回这个新创建的对象。

function CreateObj(a, b){

对于每一个实例对象,sex属性和address()方法都是一模一样的内容,每一次生成一个实例,都必须为重复的内容,多占用一些内存。这样既不环保,也缺乏效率。

缺点:浪费内存,容易造成内存泄漏。

五: 原型创建方式 -- Prototype 原型

Javascript规定,每一个构造函数都有一个prototype属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。这意味着,我们可以把那些不变的属性和方法,直接定义在prototype对象上。proto是原型链,指向实例化的函数原型。

function CreateObj(a, b){
CreateObj.prototype.sex = 'male'

所有实例的sex属性和address()方法,其实都是同一个内存地址,指向prototype对象,减少内存占用,提高了运行效率。

六:Prototype模式的验证方法

为了配合prototype属性,Javascript定义了一些辅助方法,帮助我们使用它。

hasOwnProperty() -- 查看该属性是否在这个对象本身上,只有在自身属性上才会返回真,在原型链上会返回假

person1.hasOwnProperty('name') // true

isPrototypeOf()-- 查看某个proptotype对象和某个实例之间的关系。

createObj.isPrototypeOf('person1') // true

了解了对象的创建方法,我们一起来看看对象和函数之间的关系

对象是由函数构造出来的,Object是Function构造出来的实例

Object.constructor  == Function;  // true constructor构造器

函数是Function 的实例,但不是Object 的实例

Function.constructor === Function // true

实例对象不可访问类中的静态方法和静态属性

function CreateObj(a){

讲完面向对象的封装,我们一起来看一下多态

同一个方法(类), 面对不同的对象有不同的表现形式就叫做多态。

function createObj(a){

这种方法的封装有很大的局限性,比如我新增新人类、无性别人士、跨性别人士,则需要改动createObj方法以扩展对新对象的兼容。可以通过重写子类来重新定义父类方法。

function createObj(a){

重载是指多个同名但参数不同的方法,大家感兴趣的可以自己尝试重载扩展对象属性/方法。

"多态"的思想把不变的部分隔离出来,把可变的部分封装起来,这给予我们扩展程序的能力,相对于修改代码,仅仅增加代码就能完成相同的功能,这样优雅和安全很多。

关于继承,后面会单独抽出一篇文章进行讲解。面向对象的部分,我们就讲这些,感兴趣的小伙伴可以自行查阅资料扩展。下一篇文章,我们将来学一下js中常用的数据结构和数据类型, 敬请期待。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容