【 第一章:初识 ts】

1.什么是 ts?

ts 全称是 TypeScript

TypeScript 可以理解为是 JavaScript 的扩展,扩展了 js 的语法,因此我们可以在 ts 中继续写 js 的代码而不回报错

TypeScript 又叫做静态的 JavaScript,不能直接引入到 html 中,不能直接被浏览器识别,需要经过 ts 转换器或者是 babel 转化后才能使用

2.如何理解静态语言和动态语言?

类型系统按照类型检查的时机来分类,分为动态类型和静态类型,动态是在运行时候才检查数据类型,静态是在编译时候检查数据类型

1. 静态语言是在编译期间就会做数据类型的检查,也就是要在写代码的时候就声明变量的数据类型。大部分的后台语言比如 java,php 等以及我们要学的 ts 都是静态的。
2. 动态语言是指在运行期间才会去做类型检查的语言,也就是说动态语言声明的时候不需要指定数据类型。比如 javascript 和 python 都是动态的。

3.什么是强类型和弱类型

强类型和弱类型是类型系统按照 是否允许隐式转换 来分类 

1. 强类型的语言 指的是 强制数据类型定义的语言,也就是说如果一个变量被指定了某一个类型,如果不经过强制数据类型转换,他永远都是这个数据类型。强类型好处是 更加严谨更加安全。
2. 弱类型 是 数据类型可以被忽略的语言,与强类型相反,一个变量可以赋不同的数据类型的值。好处是 编写代码速度更快更简单。

4.ts 可以理解为就是静态的 js 语言,TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性,所以它们都是弱类型

5、TypeScript 开发环境搭建

1. 下载 Node.js
   - 64 位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x64.msi
   - 32 位:https://nodejs.org/dist/v14.15.1/node-v14.15.1-x86.msi
2. 安装 Node.js

3. 使用 npm 全局安装 typescript
   - 进入命令行
   - 输入:npm i -g typescript
   - 如果是 yarn 就执行 yarn add -g typescript
   - 输入 tsc -v 查看版本号 检查是否装好
4. 创建一个 ts 文件

5. 使用 tsc 对 ts 文件进行编译

   - 进入命令行

   - 进入 ts 文件所在目录

   - 执行命令:tsc xxx.ts

6. 如何自动监视 ts 文件的转化

   - 首先在放 ts 的文件夹下打开终端 执行 tsc --init 命令 会生成一个 tsconfig.json 文件
   - 点击 vscode 终端-->选择运行任务-->输入 tsc 按下回车-->选择 tsc:监视 xxxx 文件夹下的 tsconfig.json 文件
   - 之后再写的 ts 代码就会自动转化为 js

7. 在生成的 tsconfig.json 中有一个 target 配置 可以去指定由 ts 转化的 js 代码是 es6 的还是 es5 等等
  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值