typescript 字典包含 typescript中文

admin2024-06-01  12

Ts官方文档

Ts中文文档


1.TypeScript 是什么?

    *TypeScript 简称:Ts,是javascript 的类型超集,简单来说:js 有的TS都有

    *TypeScript=Type + JavaScript (在 JS 基础之上,为 js 添加类型支持)

    *TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行


2. 为什么要有 TypeScript

   *  背景:JS 的类型系统存在“先天缺陷”,JS 代码中绝大部分错误都是类型错误(Uncaught               TypeError...),这些经常出现的错误,导致了在使用 JS 进行项目开发时,增加了找 Bug、改       Bug 的时间,严重影响开发效率

   * 从编程语言的动静来区分:1.TypeScript 属于静态类型编译期间做类型检查)的编程语言,                                                   2.JavaScript 属于动态类型执行期间做类型检查)的编程语言

  •  对于 JS 来说:需要等到代码真正去执行的时候才能发现错误(晚)

        1. 在 VSCode 里面写代码
        2. 在浏览器中运行代码 --> 运行时,才会发现错误【晚】

  •  对于 TS 来说:在代码编译的时候(代码执行前)就可以发现错误(早)

       1. 在 VSCode 里面写代码 --> 写代码的同时,就会发现错误【早】
       2. 在浏览器中运行代码


3.TypeScript 相比 js 的优势

   1.更早(写代码的同时)发现错误 ,减少 Bug、改 Bug 时间,提升开发效率

   2.程序中任何位置的代码都有代码提示,随时随地的安全感,增强开发体验

   3.强大的类型系统提升了代码的可维护性,使得重构代码更加容易

   4.支持最新的ECMAScript 语法,


4.安装编译 TS 的工具包

    问题:为什么安装编译 TS 代码

    回答:node.js / 浏览器,只认识 js 代码,不认识 TS 代码,需要先将 TS 代码转化为 JS 代码        才能运行

    安装:npm i -g typescript

    检验是否安装成功: tsc -v (查看 typescript 版本)


5.编译并运行 TS 代码

  编译运行:

  1、创建 demo.ts 文件

  2、tsc demo.ts(将 ts文件转换成 js文件,文件出现ts文件和js文件)

  3、node demo.ts(运行js文件)

   简化编译运行:

  1 、安装 ts-node 包(npm i -g ts-node)

  2、 使用方式:ts-node demo.ts

   简化编译运行出现错误1:

typescript 字典包含 typescript中文,typescript 字典包含 typescript中文_编程语言,第1张

 解决:tsc -init   (文件夹中自动生成  tsconfig.json 文件)

  简化编译运行出现错误2:( 解决两个ts文件之变量名冲突)

 问题:在非模块化环境下,TS 会把 .ts 文件中声明的变量当做全局变量,所以,当两个 .ts 文件中声明的变量名称相同,并且在 VSCode 中同时打开这两个文件时,VSCode 会提示报错

 解决:在 .ts 文件中添加 export {}

  

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!