• TS初探。


    TS.

    TS最常用的就是类型注解了,例如下面的例子

        function people( person:string){
            ruturn 'hello'+ person
            }
    

    可以看出我们给people函数的参数person加了一个类型限制。告诉这个函数要传入数据的类型。但是要注意的是尽管有错误,TS文件被编译之后文件之后js文件还是被创建了。 就算你的代码里有错误,你仍然可以使用TypeScript。但在这种情况下,TypeScript会警告你代码可能不会按预期执行。

    接口,可以使用接口来描述含有多个字段的对象

    在TypeScript里,只在两个类型内部的结构兼容那么这两个类型就是兼容的。 这就允许我们在实现接口时候只要保证包含了接口要求的结构就可以。

        interface{
        firstname:string,
        lastname:string
        }
    
        function people( person:person){
            ruturn 'hello'+ person.firstname+person.lastname
            }
    
    

    最后创建一个Student类来对以上知识进行总结,它带有一个构造函数和一些公共字段。 注意类和接口可以一起共作,程序员可以自行决定抽象的级别。

    还要注意的是,在构造函数的参数上使用public等同于创建了同名的成员变量。

        class Student    {
        fullname:string,
        constructor(public firstname,public middleInitial, public lastName){
                this.fullName = firstName + " " + middleInitial + " " + lastName;
            }
    
           interface person{
                firstname:string,
                lastname:string
            }
    
            function people(person:person){
                return person.firstname+""+people.lastname
            }
            let user = new Student{ "ren","hai","zhen"}
            document.body.innerHTML = people(user)
        }
    
    
  • 相关阅读:
    Warning:The /usr/local/mysql/data directory is not owned by the 'mysql' or '_mysql'
    在终端中文本编辑器中显示行数:
    java环境配置:
    TypeError: 'MongoClient' object is not callable
    MongoDB安装
    多线程 -- 实现秒抓
    自动化测试淘宝美食
    自动化淘宝美食(在后台执行,不打开浏览器)
    新浪 抓取详情页
    WINDOWS 2003系统时间24小时制与12小时显示格式不一致问题与解决
  • 原文地址:https://www.cnblogs.com/heson/p/11375615.html
Copyright © 2020-2023  润新知