IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> ts 学习笔记(三)类【上】 -> 正文阅读

[JavaScript知识库]ts 学习笔记(三)类【上】

es6之前 JavaScript程序使用函数和基于原型的继承来创建可重用的组件
es6之后 JavaScript程序员将能够使用基于类的面向对象的方式。

/eg01 类的创建
class Greeter {
    greeting:string
    constructor(message:string){
        this.greeting = message
    }

    greet(){
        return 'hello,' + this.greeting
    }
}
let  greeter = new Greeter("world")
// 继承
// 基类 通常有被称为超类
class Animal {
    move(a:number){
        console.log(a)
    }
}
// 派生类 通常又被称为子类
class Dog extends Animal{
    bark(){
        console.log('woof')
    }
}
const dog = new Dog()

dog.bark()
dog.move(10)
dog.bark()
//  Dog类 继承 Animal类,Dog类的实例既可以调用move方法,也可以调用bark方法
//  通过关键字extends实现继承
// 基类(超类)
class Animals {
    name: string
    constructor(tName:string){
        this.name =  tName
    }

    move(a:number){
        console.log('move:>> ', a);
    }
}
// 派生类(子类)
class Snake extends Animals {
    constructor(name:string){
        super(name)
    }

    move(a=5){
        console.log('snake-move :>> ', a);
        super.move(a)
    }
}
// 派生类(子类)
class Horse extends Animals {
    constructor(name:string){
        super(name)
    }

    move(a=45){
        console.log('Horse-move :>> ', a);
        super.move(a)
    }
}
let sam = new Snake('sammy')
let tom = new Horse('Tommy')

sam.move()
tom.move(34)

// 子类的构造函数必须调用super(),他会执行基类的构造函数。就是super()调佣父类的构造函数完成子类对超类的继承
// super()的调用必须在使用this的属性之前调用,ts强制执行的规则
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-22 12:15:09  更:2021-11-22 12:17:15 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:52:24-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码