TypeScript介绍

  • typescript 是一款编程式语言(微软开发的)

  • typescript式Javascript的超集,遵循了最新的ES6、ES5的规范,typescript扩展了JavaScript的语法

  • 这个语言添加了可选的静态类型和基于类的面向对象的编码,通俗的理解就是js的一个特殊版本,适用于大型的项目开发

  • 谷歌在大力的支持并推广ts,angular2.x 也是基于typescript

  • 最新的vue和react也集成了ts

  • nodejs框架中的next.js midway也用了ts

    安装和编译

  • 安装

    npm install -g typescript
  • 编译

    tsc xx.ts
  • 自动编译:

    创建配置文件 tsconfig.json
  • tsc  --init
  • 修改配置文件 编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集
  •  "outDir": "./js", 
  • 执行编译

    终端——运行任务——typescript——监视

    ​​​​​​​

    热更新:

    注意:powershell权限:set-ExecutionPolicy RemoteSigned

  • 基础数据类型

  • 1、boolean

    最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做 boolean(其它语言中也一样)。

    ​​​​​​​let 变量:boolean=值
  • 2、number

    ​​​​​​​let 变量:number=值

    3、string

    ​​​​​​​let 变量:string=值
  • 4、Array

    ​​​​​​​

    let 变量:Array<type>=值

    或者

    let 变量:type[]=值

  • 5、元组 Tuple(数组)

  • 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同
  • let 变量:[type1,type2,,,]=值
  • 6、枚举 enum

    ​​​​​​​

    enum 名称{
        属性名1,
        属性名2,
        ,,,
    }

    enum 名称{
        属性名1=值1,
        属性名2=值2,//值默认为下标
        ,,,
    }

  • 7、any

  • 有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容,比如来自用户输入或第三方代码库。 这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量
  • let 变量:any=值
  • 8、object

    ​​​​​​​let 变量:object=值
  • 9、null和undfined

    ​​​​​​​

    let 变量:null=null


    let 变量:undfined

    let 变量:undfined=undfined

    let 变量:类型|undfined

  • 10、void

  • 没有任何类型。 当一个函数没有返回值时使用
  • let  变量:void

    function  函数():void{}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值