zoukankan      html  css  js  c++  java
  • ts变量类型和编译文件tsconfig.json简单配置

    基础:

    1、typescript是JavaScript的超集,支持js的所有语法

    2、typescript不能运行在浏览器,需要使用编译器编译后使用

    3、全局安装typescript编译器

    npm install -g typescript

    4、编译typescript文件(01ts.ts)

    tsc 01ts.ts

      编译过程中不报错即成功,同级目录下会有一个 01ts.js文件

    变量类型:

    1、ts文件中可以在定义变量时指定该变量的类型,后面在给该变量赋值时只能是定义好的类型,否则会报错,编译会报错,但是默认会编译成功

    2、如果变量的声明和赋值是同时进行的,那么可以省略对变量类型的定义,ts默认会将初始值的类型定义给该变量

    3、定义函数的参数和返回值的类型

    4、类型

    类型 例子 描述
    number 1,-33,2.5 任意数字
    string 'hi',"hi",`hi` 任意字符串
    boolean true、false 布尔值
    字面量 其本身 类似const定义,但是通过 | 可以定义多个字面量
    any * 任意类型(关闭ts类型检测,和js一样了)
    unknown * 类型安全的any(类型为unknown的变量不可以赋值给其他类型的变量,当遇到类型不确定时用unknown,不要用any)
    void 空值(undefined) 没有值(函数中return后只能是undefined、null,或者return后没有任何值)
    never 没有值 用于不会返回结果。比较少用,一般用来抛出错误:
      const fn: never = (() => {
        throw new Error('错误')
      })()
    object {name: '小明'} 任意js对象
    array [1,2,3] 任意js数组
    tuple [4,5] 元组,ts新增类型,元素的类型和个数定义时就限定了
    enum enum{A,B} 枚举,ts新增类型

    编译:

    1、  tsc app.ts  编译app.ts

      tsc app.ts -w  实时编译app.ts

      在文件夹根目录下创建tsconfig.json文件内容为{}时,

      tsc  编译文件夹中所有的ts文件

      tsc -w  实时编译文件夹中所有的ts文件

    2、tsconfig.json(创建方式:tsc --init或手动创建)

      ①includes、exclude、extends、files

      ②compilerOptions:target、module、lib、outDir、outFile、allowJs、checkJs、removeComments、noEmit、noEmitOnError

      ③compilerOptions:strict、alwaysStrict、noImplicitAny、noImplicitThis、strictNullChecks

  • 相关阅读:
    吃金沙鼎火锅
    吴中路开了一家Boutique hotel(skyfortune)
    吃韩包子
    丽江
    吃成都淘海阁鲍鱼海鲜汤煲
    2007年最好笑的话剧“乱套了”
    不老药白丽格(玉芙蓉)Briglow (www.briglow.com)
    丽江趣事
    看看这个是什么菜
    这是什么动物?
  • 原文地址:https://www.cnblogs.com/wuqilang/p/15395105.html
Copyright © 2011-2022 走看看