普歌-TypeScript基础总结(1)

~喜欢 的小伙伴 点个赞呗 ♥~


一、介绍


          TypeScript是JavaScript的超集,就是JS有的TS都有,TS比JS多了类型系统,使项目更加严谨,性能优化更好。


TS是什么


TS是什么

相比JS的优势


优势

总之,TS是趋势


二、安装


安装使用


TS 的命令行工具安装方法如下:

  npm install -g typescript

安装完成后检查是否安装成功:

  tsc -v

创建运行


  1. 创建一个后缀名为.ts的文件,在.ts文件中书写ts代码

  2. 使用tsc工具将ts代码编译为浏览器、node.js识别的js代码(编译命令为:tsc xxx.ts)

  3. 在浏览器或者node.js中执行js代码

由于每次写完后都要使用tsc工具编译成js代码再执行,步骤过于繁琐,可以使用以下方法简化


简化办法


   安装一个工具:ts-node


   命令:npm install -g ts-node


   作用:自动将ts代码转换为js代码,并将其在nodejs中执行


   使用:ts-node ts文件名


怎么样?是不是灰常奈斯


三、数据类型


  TS语法规定:

在声明变量的时候,必须要指定变量的类型,在为变量赋值时,赋值的数据类型必须和变量的类型一致


声明变量


   let 变量名:变量类型;

   let age: number;

   let name: string;

常用的数据类型


  number / string / boolean / undefined / null


数据类型


ts

  • undefined:表示声明但未赋值的变量值(找不到值)

     let u: undefined;
     console.log(u) // undefined
    
    • null:表示声明了变量并已赋值,值为null (能找到,值就是null)


注:

            1、在JavaScript中,undefined 与nulI都是变量的值,undefined代表一个未初始化的变量的值,

            null 代表变量指向1个空对象

            2、如果一个变量的类型是undefined类型,那么这个变量的值只能取undefined

                    undefined类型赋值与否都为undefined, null赋值为null, 不赋值为undefined

            3、如果一个变量的类型是nulI类型,那么这个变量的值只能取null

                    因为undef ined和null是其它类型的子类,所以这两个变量的值可以赋值给其它类型的变量

联合类型

联合类型

四、运算符


算术运算符

ts
自增、自减

ts
比较运算符

ts

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值