zoukankan      html  css  js  c++  java
  • Typescript:接口

    1.给一个对象加类型注解

    let person:{
        name:string
        //?表示age这个属性可有可无
        age?:number
        //方法的类型注解重点在于1.参数的类型 2.函数返回值的类型,如果没有返回值 这是void
        sayHi:() => void 
        sing:(name:string)=>void 
        sum:(num1:number,num2:number) => number 
    }
    
    //给person赋值
    person = {
        name:'yogi',
        sayHi(){},
        sing(name){
    
        },
        sum(num1,num2){
            return num1+num2
        }
    }

    上面是给person这个对象加了注解,但是这个注解只能约束person这个对象,如果有多个对象都需要用相同的类型注解来约束呢?要给每个对象都加重复的类型注解吗?

    2.接口

    建立契约来约束对象的结构,供其他对象复用
    interface Person{
        name:string
        //?表示age这个属性可有可无
        age?:number
        //方法的类型注解重点在于1.参数的类型 2.函数返回值的类型,如果没有返回值 这是void
        sayHi:() => void 
        sing:(name:string)=>void 
        sum:(num1:number,num2:number) => number 
    }
    
    let xiaoming:Person = {
        name:'xiaoming',
        sayHi(){},
        sing(name){
    
        },
        sum(num1,num2){
            return num1+num2
        }
    }
    
    let xiaofang:Person= {
        name:'xiaofang',
        age:18,
        sayHi(){},
        sing(name){
    
        },
        sum(num1,num2){
            return num1+num2
        }
    }
  • 相关阅读:
    探索Javascript 异步编程
    前端性能调优
    怎样选择前端框架
    前端地图截屏方案
    不一样的山顶角
    前后端分离场景下的另类登录认证方案
    React Diff 算法
    纯css实现Magicline Navigation(下划线动画导航菜单)
    Tinymce group plugin
    自适应process组件
  • 原文地址:https://www.cnblogs.com/BlueCc/p/14426130.html
Copyright © 2011-2022 走看看