美文网首页
typeScript笔记

typeScript笔记

作者: 赵伟敏_19 | 来源:发表于2020-11-18 09:17 被阅读0次

    1. 安装typeScript

            npm install -g typescript

    以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了

    2. 编译一个 TypeScript

            tsc fileName.ts

    3. 例子 hello.ts

    function sayHello(person: string) {

        return 'Hello, ' + person;

    }

    let user = 'Tom';

    console.log(sayHello(user));

    编译得到 hello.js

    function sayHello(person) {

        return 'Hello, ' + person;

    }

    var user = 'Tom';

    console.log(sayHello(user));

    注意:编辑器中会提示错误,编译的时候也会出错,但是还是生成了 js 文件

    可以把 let user = 'Tom' 改为 let user = [1, 2, 3]后编译在看看hello.js文件

    4.基础 

    let isDone: boolean = false;

    let decLiteral: number = 6;

    let myName: string = 'Tom';

    let u:undefined = undefined;

    let n:null = null;

    任意值any

    let a:any = 'serven'

    a = 7

    类型推论

    let a = 'serven'  // a: string

    a = 7  // index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'.

    let a = 'serven' 等价于 let a:string = 'serven'

    联合类型

    联合类型(Union Types)表示取值可以为多种类型中的一种。

    let a:string | number

    a = 'serven'

    a = 7

    对象的类型——接口

    在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。

    interface Person {

            name: string,

            age: number

    }

    let tom: Person = {

            name: 'tom',

            age: 7

    }

    // tom 格式必须和接口一直,属性意义对应上,不能多也不能少

    如果要少,要把接口的数据对象设置为可选属性,加个问号

    interface Person {

            name: string,

            age?: number

    }

    let tom: Person = { name: 'tom' }

    如果要多个属性 可以添加可一个任意属性值

    interface Person {

            name: string,

            age: number,

            [propName: string]: any

    }

    相关文章

      网友评论

          本文标题:typeScript笔记

          本文链接:https://www.haomeiwen.com/subject/yzmqiktx.html