TypeScript浅谈

本文介绍了TypeScript的基础知识和使用方法,包括它的类型系统,如基础类型、联合类型、数组类型、类型别名和函数。同时,文章还讨论了如何在Node.js环境中使用ts-node简化运行步骤,以及如何解决在开发过程中遇到的console.log报错问题。
摘要由CSDN通过智能技术生成

一,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 + 文件名) 命令,可以简化执行命令。

<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值