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知识库 -> typescript class -> 正文阅读

[JavaScript知识库]typescript class

什么是class?

class是基于原型继承的一种语法

示例 解析

class Animal {
  name: string;
 static name1:string="6666"
  constructor(theName: string) {
    this.name = theName;
  }
  move(distanceInMeters: Number = 0) {
    console.log(`${this.name}moved${distanceInMeters}`);
  }
}

class Snake extends Animal {
  constructor(name: string) {
    super(name);//super 的第一种用法 引用父类的构造函数
  }
  move(distanceInMeters = 5) {
    console.log("sitthering....");
    super.move(distanceInMeters);// super的第二种用法 super.method 调用父类的方法
  }
}

class Horse extends Animal {
  constructor(name: string) {
    super(name);
  }
  move(distanceInMeters = 45) {
    console.log("Galloping....");
    super.move(distanceInMeters);
  }
}

let sam = new Snake("sanmy then python");
let tom = new Horse("Tommy the palomino");

sam.move();
tom.move(34);

我们根据以上示例,进行代码分析然后总结

constructor

constructor 是类的构造器,是一个构造函数,是class的默认方法,通过new 命令创建对象时,自动调用该方法,并且传参。
?

继承

ts中基于面向对象的模式,允许继承来扩展现有的类

super??

super的作用有两个

1,在constructor中调用 表示引用父类的构造函数

2,在 方法中调用 表示 调用父类的方法 super.methods

extends

extends 表示继承 子类继承父类的属性和方法

class Person {
  // readonly 修饰的属性 表示只读 只有在 定义或者 constructor构造器的初始化过程中赋值
  readonly name: string;
  constructor(name: string) {
    this.name = name;
  }
  setName(name: string): void {
    // this.name = name//报错
  }
}

class Son extends Person {
  // extends表示 继承父类的属性和方法等
  age: number;
  constructor(name: string, age: number) {
    super(name);
    this.age = age;
  }
}

const son = new Son("小宋宝宝", 18);

console.log("son",son.age, son.name);

static 静态修饰符

staic加在属性前表示静态属性

staic加在方法前表示静态方法

加了static的属性或者方法,只能通过类调用,不能通过实例访问

readonly 只读修饰符

class Person{
  // readonly 修饰的属性 表示只读 只有在 定义或者 constructor构造器的初始化过程中赋值
  readonly name:string
  constructor(name:string){
    this.name = name
  }
  setName(name:string):void{
    this.name = name//报错
  }
}

访问控制符 public private protected

public? 控制符

public 修饰符 是默认的修饰符? 表示 公共的属性或者方法
添加了public修饰符的 属性或者方法可以 在类的内部和外部 访问

private 控制符

private 修饰的属性和方法只能在类的内部使用,在类的外部访问就会报错

  • 在父类中定义的数据或者方法,如果被private修饰了
  • 就只能在当前类中访问或者调用
  • 不能在子类或这通过设立方法调用

?protected 控制符

protected 控制符的作用是?

  • 修饰的 属性或者方法 只能在父类或者子类访问或者调用
  • 不能通过new 方法创建实例并调用

?abstract 抽象类

abstract 抽象类 中的抽象方法,不包含具体实现,且必须在派生类中实现

abstract class ChouXiang{
     say(){
       console.log("我是谁的谁")
     }
     abstract sayInfo():void;
}

class Choux1 extends ChouXiang{
  sayInfo(){
    console.log("我是一个小可爱")
  }
}
let cx = new Choux1()
cx.sayInfo()

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-15 11:41:41  更:2021-10-15 11:43:23 
 
开发: 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年5日历 -2024/5/20 15:50:25-

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