首页 > 其他分享 >ts类06

ts类06

时间:2024-02-20 18:33:18浏览次数:11  
标签:console name age ts log 06 sayHi string

// 类:描述了创建的对象共用的属性和方法
// 实例化对象
class Person {
    name: string
    age: number
    constructor(name, age) {
        this.name = name
        this.age = age
    }
    sayHi(str: string) {
        console.log("ts" + str)
    }
}
let cp = new Person("周三", 123)//new的时候,会执行类中的constructor(构造函数)
cp.sayHi("1111")

// 继承类 : 扩展现有的类,类与类的关系,子类继承父类
class Animal { //父类
    name: string
    age: number
    constructor(name: string, age: number) {
        this.name = name
        this.age = age
    }
    sayHi(str: string) {
        console.log("ts" + str)
    }
}
class Dog extends Animal { //通过extends来继承父类的方法
    constructor(name: string, age: number) {
        //使用super方法可以调用父类的构造函数
        super(name, age)
    }
    //可以调用父类方法,还可以重写父类方法
    sayHi() {
        console.log("dog类")
        super.sayHi("父类的sayHi方法")
    }
}
const A = new Animal("ccc", 3)
A.sayHi('+Animal类')
const B = new Dog("dog", 3)
B.sayHi()

  类的存取器.

// 存取器:可以控制对对象成员的访问
class Name {
    lastName: string
    lastAge: string
    constructor(lastName: string, lastAge: string) {
        //使用super方法可以调用父类的构造函数
        this.lastName = lastName
        this.lastAge = lastAge
    }
    // 设置一个读取器,用来读取数据
    get fullName() {
        return this.lastName + ',今年' + this.lastAge + '岁'
    }
    // 设置一个设置器,用来设置数据
    set fullName(value) {
        console.log(value)
        let ppp = value.split(',今年')
        this.lastName = ppp[0]
        this.lastAge = ppp[1]
    }
}
const C = new Name('王五', '4')
console.log(C.fullName)

  

静态成员 静态属性
// 静态成员
// 静态属性
// 类自己的属性和方法
class Silence {
    static sayHi() {
        console.log('hi');
    }
}
const s1 = new Silence('赵六');
console.log(Silence.sayHi());
类的修饰符 // 类的修饰符 // public 修饰的属性或方法是公有的,可以在任何地方被访问到,默认所有的属性和方法都是 public 的 class Bstatic {     private name1: string  //访问修饰符,私有属性,不能在声明它的类的外部访问,与static静态方法不同,static不属于任何实例     protected age:string    //访问修饰符,修饰的属性或方法是受保护的,区别在于可以在子类中访问     public constructor(name: string,age:string) {  //写不写public都差不多,都是表示公有的方法属性         this.name1 = name         this.age = age     }     public p() {  //写不写public都差不多,都是表示公有的方法属性         console.log(this.name1)         console.log(this.age)     } } class Cstatic extends Bstatic {     //继承Bstatic     public What:string     constructor(name: string,age:string,What:string) {         super(name,age)    //调用父类属性,可以继承到name和age,区别在与name只能继承不能访问,age可以在子类访问         this.What = What     }     play(){         return this.age+this.What     } } const Bs = new Bstatic("名字",'99') console.log(Bs) console.log(Bs.p) const Cc = new Cstatic("名字","333","没啥") console.log(Cc)

  

标签:console,name,age,ts,log,06,sayHi,string
From: https://www.cnblogs.com/wencaiguagua/p/18023418

相关文章

  • vue2 echarts 渲染数据
     <template><divref="friendsTrend"class="mt-16friendsTrend"/></template><script>import*asechartsfrom'echarts'importmomentfrom'moment'import{getLineChartStatisticsData......
  • python实战:用requests+做爬虫
    一,安装requests1,用pip安装(venv)liuhongdi@192news%pip3installrequests2,查看所安装库的版本:(venv)liuhongdi@192news%pip3showrequestsName:requestsVersion:2.31.0Summary:PythonHTTPforHumans.Home-page:https://requests.readthedocs.ioAu......
  • echarts绘制世界地图的时候显示南海诸岛的局部放大图
    ehcarts在绘制中国地图的时候,判断geo的map为china的时候会自动加上南海诸岛的局部放大图。产品想在绘制世界地图的时候也加上南海诸岛,搞了半天没搞定,请教的同事搞定了。同事在此:简书ID:昊桐_260c。解决办法就是把南海诸岛的地图数据直接放在注册的JSON里面。{     ......
  • Codeforces 1806E Tree Master
    考虑一个最基础的暴力,就是直接记忆化搜索暴力往上跳。但是能发现如果一层的节点数过多,状态数太多,就寄了。再考虑一个基础的暴力,就是直接跳。但是如果要跳的层数过多,就寄了。考虑结合一下,根号分治。对于一层内节点数\(\le\sqrt{n}\)的记录下每两个点间的答案。对于节点数......
  • OpenHarmony JS和TS三方组件使用指导
    OpenHarmonyJS和TS三方组件介绍OpenHarmonyJS和TS三方组件使用的是OpenHarmony静态共享包,即HAR(HarmonyArchive),可以包含js/ts代码、c++库、资源和配置文件。通过HAR,可以实现多个模块或者多个工程共享ArkUI组件、资源等相关代码。HAR不同于HAP,不能独立安装运行在设备上,只能作......
  • KU060板卡设计方案:636-基于FMC的KU060高性能 PCIe 载板 AI加速计算卡
    基于FMC的KintexXCKU060高性能PCIe载板 一、板卡概述   板卡主控芯片采用Xilinx公司的KintexUltraScale系列FPGAXCKU060-2FFVA1156。板载2组64bit的DDR4SDRAM,每组容量2GB,可稳定运行在2400MT/s。支持PCIEGen3x8模式及一路FMCHPC接口。同时可提供Windows,Linux......
  • 读取7400MB/s!华为发布eKitStor Xtreme M.2闪存条
    今日,华为举行数据存储新春新品发布会,不仅发布全新数据湖解决方案,华为还针对商业市场与分销市场发布了全闪存存储新品。据介绍,面向游戏加速、影视编辑、户外作业等场景,华为发布eKitStorXtreme系列高性能M.2闪存条,读取速度达7400MB/s。华为eKitStorXtreme M.2闪存条提供512GB......
  • uniapp编译成微信小程序报错-Component is not found in path "components/canvaspage
     问题:我需要将components/canvaspagebg/index引入进pages/index/index   报错了pages/index/index页面引入: uni-app程序编译成微信小程序后,组件无法显示,控制台报错,错误信息为: 我查看了路径,是对的看网上的解决办法就是 我取消勾选后刷新页面就可以了,此时我在选中......
  • day06
    day06目录day06声明式导航—导航链接需求解决方案通过router-link自带的两个样式进行高亮声明式导航—两个类名router-link-activerouter-link-exact-active声明式导航—自定义类名(了解)问题解决方案代码演示声明式导航—查询参数传参跳转传参查询参数传参代码演示声明......
  • OpenHarmony—ArkTS卡片运行机制
    实现原理图1ArkTS卡片实现原理卡片使用方:显示卡片内容的宿主应用,控制卡片在宿主中展示的位置,当前仅系统应用可以作为卡片使用方。卡片提供方:提供卡片显示内容的应用,控制卡片的显示内容、控件布局以及控件点击事件。卡片管理服务:用于管理系统中所添加卡片的常驻代理服务,提供......