TypeScript浅谈

一,TypeScript 介绍

  1. TypeScript简称:TS,是 JavaScript 的超集。简单来说就是:JS 有的 TS 都有。JS写的代码在TS的环境下都能跑。

  2. 在 JS 基础之上,为 JS 添加了类型支持。TypeScript = Type + JavaScript

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

// TypeScript  代码有明确的数据类型
let age1: number = 18
// JavaScript  代码没有明确的类型
let age2 = 18

 与javascript的区别:

  1. JS 的类型系统是弱类型的,没有类型的概念
  2. JavaScript 属于动态类型的编程语言,边解释边执行,错误只能在运行阶段才能发现。
  3. TS属于静态类型的编程语言  它要先编译,再执行。不能直接执行,需要编译成js才能执行,它会在编译期间做类型检查,从而提前发现错误。配合 VSCode 等开发工具,TS 可以提前到在编写代码的同时就发现代码中的类型错误,减少找 Bug、改 Bug 时间
  4. 在 VSCode 里面写代码。js在运行时发现错误,ts在编写代码时发现错误。

二,TypeScript 使用

步骤:

  1. 创建js文件。例如 hello.ts 文件(注意:TS 文件的后缀名为 .ts

  2. 编译。将 TS 编译为 JS

    在终端中输入命令,tsc hello.ts(此时,在同级目录中会出现一个同名的 JS 文件)

  3. 执行 JS 代码。

    1. 在node中运行。在终端中输入命令,node hello.js

    2. 在浏览器中运行。

利用ts-node 简化运行 TS 的步骤

安装命令 npm i -g ts-node 

    使用 ts-node 包,直接在 Node.js 中执行 TS 代码。它提供了(ts-node + 文件名) 命令,可以简化执行命令。

关于console.log报错问题

解决方案:

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
TypeScript是由微软开发的一款开源的编程语言,它是JavaScript的超集,遵循最新的ES6、ES5规范,并扩展了JavaScript的语法。它更像后端的Java、C#等面向对象语言,可以用于开发大型企业项目。谷歌也在大力支持TypeScript的推广,谷歌的Angular2.x+就是基于TypeScript语法开发的,最新的Vue和React也可以集成TypeScript。在Node.js框架中,Nest.js和midway也使用了TypeScript语法。\[1\] TypeScript中的never类型是任何类型的子类型,也可以赋值给任何类型,但没有类型是never的子类型或可以赋值给never类型,即使是any类型也不可以赋值给never。这意味着声明为never类型的变量只能被never类型所赋值。例如,可以使用throw new Error()来抛出一个错误,该函数的返回类型就是never。\[2\] 在TypeScript中,可以声明浮点型变量并赋予其一个浮点数值,例如let num: number = 3.1415926。同时,也可以声明字符串类型变量并赋予其一个字符串值,例如let str: string = "Hello, TypeScript"。\[3\] 总结来说,TypeScript是一种扩展了JavaScript语法的编程语言,适用于开发大型企业项目,并且具有丰富的类型系统和面向对象的特性。它的语法规范遵循最新的ES6、ES5规范,可以与各种前端框架和后端框架集成使用。 #### 引用[.reference_title] - *1* *2* *3* [学习TypeScript4这一篇就够了](https://blog.csdn.net/qq_38490457/article/details/109965694)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值