Ts学习 | (青训营)1

64 阅读1分钟

TypeScript学习

TypeScript 主要有 3 大特点:

  • 1.始于JavaScript,归于JavaScript TypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3(或更高版本)的JavaScript 引擎中。
  • 2.强大的类型系统 类型系统允许 JavaScript 开发者在开发 JavaScript 应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构。
  • 3.先进的 JavaScript TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。

安装TypeScript

命令行运行如下命令,全局安装 TypeScript:

npm install -g typescript

安装完成后,在控制台运行如下命令,检查安装是否成功:

tsc -V 

第一个TypeScript程序:HelloWorld

function test (aa: string) {
  return 'Hello' + aa
}
let user = 'World'
console.log(test(user))
  • 手动编译代码

在命令行上,运行 TypeScript 编译器: tsc helloworld.ts

输出结果为一个 helloworld.js 文件,它包含了和输入文件中相同的 JavsScript 代码。

在命令行上,通过 Node.js 运行这段代码:node helloworld.js

控制台输出: HelloWorld

  • vscode自动编译
    • 生成配置文件tsconfig.json tsc --init
    • 修改tsconfig.json配置 "outDir": "./js", "strict": false,
    • 启动监视任务: 终端 -> 运行任务 -> 监视tsconfig.json