| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- Ts 始于Js
- 可以编译出纯净的、简洁得JS代码 可以支持任何浏览器 node.js环境
- 强大得类型系统
- 类型系统允许js得开发者 在开发的时候 更加高效
- 先进的js
- 可以用到js基础用不到的语法
- 安装Ts
- npm install -g typescript
- 检查版本
- tsc -V
-
- ts不能被浏览器直接解析
- 类型系统：类型信息 在我们解析的时候是不需要的 所以我们需要将ts转化为js
- 编译时候的特性： ts提供了许多的编译时特性 编译阶段就已经处理完成 生成了可以在我们浏览器解析的js代码
- tsc + 文件名 可以把ts转化为js文件
- <!-- <script src="./1_hello.ts"></script> -->
- <!-- <script src="./js/1hello.js"></script> -->
- 总结： ts中的文件 如果直接书写js中的代码 在html文件种直接引入ts 会进行报错
- ts文件种的变量使用的是let进行编译 编译的js文件中的修饰符变为var
- ts的严格模式： 编译器的选项 用于增强TS代码的类型检查和错误检查
- 1.生成配置文件 tsconfig.json
- tsc --init
- 2.修改tsconfig.json 配置项
- outDir 输出的文件目录
- strict 关闭严格模式
- 3.启动监视任务：
- 终端 -> 运行任务 ->监视
-
- <!-- <script src="./js/2_类型注解.js"></script> -->
- <!-- <script src="./js/3_接口.js"></script> -->
- <script src="./js/4_类.js"></script>
- </body>
- </html>
|
