TS初探。

最新推荐文章于 2025-12-21 13:28:14 发布

转载最新推荐文章于 2025-12-21 13:28:14 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/heson/p/11375615.html

文章标签：

#javascript #ViewUI

本文深入探讨TypeScript的基础知识，包括类型注解、接口定义及类的使用。通过实例讲解如何利用类型系统增强代码的可读性和健壮性，特别强调了接口在描述复杂对象结构中的作用。

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)
    }

转载于:https://www.cnblogs.com/heson/p/11375615.html