zoukankan      html  css  js  c++  java
  • typescript 接口 interface

    代码:

    // 接口:行为的抽象
    // 一、对class类的约束
    // 接口定义
    // 打印机
    interface Iprinter {
        Printing(msg:string):string;
    }
    interface Imessage {
        getmsg():string;
    }
    
    // 实现接口/实现多个接口
    class colorprinter implements Iprinter,Imessage {
        Printing(msg:string):string{
            return `打印${msg}成功!`
        }
        getmsg():string{
            return "惠普HP10000";
        }
    }
    let p1 = new colorprinter();
    let val = p1.Printing("简历");
    console.log(p1.getmsg())
    console.log(val)
    // 1.实现接口,要实现里面的内容
    // 2.定义接口的时候,只定义声明即可,不包含具体内容
    
    // 二、对函数的约束
    interface Imyfunction {
        (a:string,b:number):boolean;
    }
    let fun1:Imyfunction;
    fun1 = function(a:string,b:number):boolean {
        return false;
    }
    
    // 三、对数组
    interface Istuarr {
        [index:number]:string;
    }
    let arr1:Istuarr;
    arr1 = ['aa','bb']
    console.log(arr1[0])
    
    // 四、关于json的约束
    interface Idata {
        name:string,
        readonly age:number,    // 只读属性
        email?:string  // 可选属性
    }
    function showdata(n:Idata) {
        // n.age = 18;
        console.log(JSON.stringify(n))
    }
    showdata({name:"张三",age: 19})
    
    // 接口继承

    .

  • 相关阅读:
    js 音乐播放器
    音频播放器在chrome浏览器,play报错
    CSS多行文字超出隐藏加省略号
    css 清楚浮动的几种方式
    npm -g -D -s的区别
    electron-vue初始桌面应用
    vue 关闭浏览器
    webpack基础
    京东数科-百度BCOT---面试
    HTTP面试题
  • 原文地址:https://www.cnblogs.com/crazycode2/p/10779771.html
Copyright © 2011-2022 走看看