美文网首页
前端设计模式之面向对象

前端设计模式之面向对象

作者: FConfidence | 来源:发表于2020-01-29 00:40 被阅读0次
  1. 三要素 (封装, 继承, 多态)
  • 封装class 数据的权限和保密
    • protected 只限于当前类和子类访问
    • private 仅限于当前类自己使用 (es6中, 以_开发规范, es10以#开头)
    • public 公开
    • 减少耦合, 不该外漏的不外漏
    • 利于数据接口权限的管理
  • 继承extends 子类继承父类(扩展)
    class Person {
      constructor(name, age) {
        this.name = name;
        this.age = age;
      }
    
      say() {
        console.log(`my name is ${this.name}, age is ${this.age}`)
      }
    }
    
    class Student extends People {
      public no: number;
      protected weight: string;
      // 定义private属性
      private gf: string;
      constructor(name: string, age: number, no: number) {
        super(name, age);
        this.no = no;
        this.gf = 'fe';
        this.weight = '60kg'
      }
    
      public say() {
        super.say();
      }
    
      private sayNo() {
        console.log(`and my no is ${this.no}`);
      }
    }
    
    const xiaoming = new Student('xiaoming', 22, 20200201);
    // xiaoming.gf(); // error
    
    • 将公共方法抽离出来, 提高复用, 减少冗余
  • 多态(同一接口不同的实现)
    • 保持子类的开放性和灵活性
    • 面向接口编程
    • (js中用的比较少)
  1. 为什么使用面向对象
  • 程序执行: 顺序,判断,循环 -> 结构化
  • 数据结构化
  • 对于计算机来说, 结构化易于管理
  • 编程: 简单和抽象
  1. UML(统一建模语言)
  • 关系
    • 泛华(类的继承)
    • 关联(类之间的引用)
  • 类图(类名, 属性, 方法, 关系(关联, 泛化))
    • +public属性名A:类型
    • protected属性名B:类型

    • -private属性名C:类型
    • +public方法名A(参数1):返回值类型
    • protected方法名B(参数1, 参数2):返回值类型

    • -private方法名C(参数1):返回值类型

相关文章

  • 面向对象设计原则

    面向对象设计原则 面向对象设计原则是设计模式的基础,每个设计模式都符合一一种或多种面向对象的设计原则。 常用的面向...

  • 面向对象的基本特性

    算是读书笔记吧 极客时间--设计模式之美 面向对象 面向对象编程 -- OOP(Object Oriented P...

  • Golang 设计模式之-装饰模式

    Golang 设计模式之-装饰模式 最近在温习设计模式,虽然面向对象不是go的特长,但用go实现的设计模式,比ja...

  • 前端设计模式之面向对象

    三要素 (封装, 继承, 多态) 封装class 数据的权限和保密protected 只限于当前类和子类访问pri...

  • 单例模式

    面向对象设计的设计模式(四):单例模式

  • GeekBand极客班C++设计模式(一)

    1、设计模式简介 设计模式-不断解决,不必重复推荐书籍-设计模式:可复用面向对象软件的基础面向对象-底层思维:语言...

  • 面向对象设计

    极客时间《设计模式之美》学习 如何进行面向对象设计? 在面向对象设计阶段,我们将需求描述转化为具体的类。可以包含以...

  • 面向对象:6大原则、24种设计模式

    接上一篇:面向对象介绍 为什么要学设计原则、设计模式? 若不学好经典设计模式,和通过设计模式理解面向对象的原则,你...

  • 好程序员web前端学习路线之Javascript面向对象

    好程序员web前端学习路线之Javascript面向对象,面向对象是使用对象,面向对象开发就是使用对象开发。 面向...

  • 要点1 Java相关

    1. 熟练掌握Java技术,熟悉面向对象思想,熟悉常用设计模式; 面向对象思想: 继承, 封装, 多态 设计模式:...

网友评论

      本文标题:前端设计模式之面向对象

      本文链接:https://www.haomeiwen.com/subject/oncvthtx.html