2021-03-08面向对象(OOP)笔记

OOP的三大特征

1.封装

把通用的部分 放到一起

?要去使用封装

1.代码规整

方便使用

2.快速使用已封装好的功能

节省开发时间

3.便于协作

4.便于调试

节省开发时间

5.便于形成模板

封装需要考虑的面

1.代码逻辑

2.耦合度一定要低

3.使用你封装工具的用户

尽量做到傻瓜化

4.可维护性

考虑将来可能会很多人一起维护这个工具


2.继承

概念

子类 可以 使用  父类 公开的所有属性和方法

js实现继承

通过原型对象prototype

可以认为 原型对象 是一个共享空间,在放某个方法或属性之后 创建的对象就都可以使用 放进去的东西

扩展数组方法

获取数组中最后一个元素

获取数组中第一个元素

实现方式

1.修改原型对象实现继承

//父类

    function Person(_name,_age) {

        this.username = _name;

        this.age = _age;

        this.speak = function (message) {

            console.log(this.username+"说:"+message)

        }

    }

    //子类

    function Chinese() {

    }

    Chinese.prototype = new Person("小明",18);

    console.log(new Chinese())

    var daMing = new Chinese();

    daMing.speak("哈哈哈")

弊端:this指向问题

2.调用父类 构造函数实现继承

function Chinese() {

        Person.apply(this,arguments);

    }

    var xiaoMing = new Chinese("小明",18);

    console.log(xiaoMing);

弊端:继承的层级关系不明显

3.混合继承

function Chinese() {

        Person.apply(this,arguments);

    } 

//为了不影响父类 创建了一个临时的类 去接收父类信息

    function TempClass() {}

    //接收父类的原型对象

    TempClass.prototype = Person.prototype;

    //修改 临时类原型对象(父类) 的 构造函数 为子类的构造函数

    TempClass.prototype.constructor = Chinese;

    //修改子类的原型对象 为临时类的原型对象(构造函数是子类的  但是原型对象是父类的)

    Chinese.prototype = TempClass.prototype;

优化

function Chinese() {

        Person.apply(this,arguments);

    }

var superProto = Object.create(Person.prototype)

    superProto.constructor = Chinese;

    Chinese.prototype = superProto;

继续优化

    function inherit(SuperClass,SubClass) {

        var superProto = Object.create(SuperClass.prototype)

        superProto.constructor = SubClass;

        SubClass.prototype = superProto;

    }



    function TangShan() {

        Person.apply(this,arguments)

    }


    inherit(Person,TangShan);

完美优化

重要的关键字

this

实例化 出来的对象 本身

prototype

原型对象

可读写属性

使用类名调用

类方法(静态方法)

__proto__

原型对象

只读属性

对象调用

实例方法

constructor

构造器(构造函数)


3.多态

同一个方法  不同对象使用 就有不同结果





setter getter 存取器

set存

get取

可以通过存取器 来设置 属性的权限(只读 只可写入  可读可写)


call apply bind

call apply

调起另外一个函数

区别

相同点:都可以调用另外一个函数(可以更改this指向)

不同点

传入参数不同

call 可以传入多个参数

sum.call(this,a,b);

apply 只能传入一个参数

sum.apply(this,[a,b]);

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

推荐阅读更多精彩内容