首页 > 其他分享 >TypeScript语法总结

TypeScript语法总结

时间:2024-10-15 15:20:05浏览次数:13  
标签:总结 node TypeScript string ts number 语法 let 类型

1.Typescript概述

融合了后端面向对象思想的超级版的JavaScript语言。

​ TypeScript是JavaScript的超集,扩展了JavaScript的语法。

特点:

(1) TypeScript: 【静态类型检查器】 可在编译时检查错误

(2) TypeScript为JS的超集

(3) TS === JS + 【类型】 js有的ts都有

(4) TS 规范了 JS类型声明 使之更加严谨

TypeScript本质就是带有类型检查的JavaScript。

好处:

javascript,灵活,但会使程序出现不可预知的错误,运行时才检测。

typescript,编译时发现错误,更好的代码提示。规范代码,提升代码可读性,提高开发效率。

2.环境准备

基于node环境,vscode工具+Typescript插件。

npm i typescript -g  // 全局安装Typescript 

tsc -v // 查看ts版本

新建一个项目,在其中新建一个ts文件demo.ts,文件内容如下

console.log("hi Typescript") //先使用js的代码内容

由于ts文件是不能够在浏览器中解析的,ts文件首先需通过编译,编译后才能被浏览器解析,用命令

// tsc + 文件名
tsc demo.ts // 将ts转为js浏览器可识别的代码

原因:PowerShell的默认执行策略是Restricted,它禁止运行任何脚本和配置文件。故需更改PowerShell的设置来更改脚本的执行策略。

编译后在目录下产生一个和ts文件同名的js文件,此时用node命令对该js文件进行解析,用node命令

// node + 文件名
node demo.js


由于每次ts修改都需使用tsc命令进行编译成js,比较麻烦,可使用以下命令进行侦听,当文件发生变化后,会自动编译ts。

tsc demo.ts -w


此时该终端窗口不关,新开一个窗口 直接执行node命令

node demo.js


这里只是对单个文件进行监听,若项目中有很多的ts文件,如何对所有文件进行侦听呢。

先在项目下新建一个tsconfig配置文件,也可执行以下命令生成:

tsc --init // 生成tsconfig配置文件


![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=C%3A%5CUsers%5CYTT%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5C1701508204525.png&pos_id=img-QUdjgcr7-1728961407600)

此时再在项目中执行以下命令则可以对整个项目的ts文件进行监听了。

tsc -w


还有更简洁的方式(直接运行ts文件方法),需安装以下包

安装ts-node

 *ts-node* 是一个TypeScript执行引擎,能让我们在 Node.js 环境下直接运行 TypeScript 代码。 

npm i ts-node -g


npm init -y // 初始化一个package.json


安装声明文件

npm i @types/node -D


**@types/node**是TypeScript的一个声明文件包,用于描述Node.js核心模块和常用的第三方库的类型信息。

这些声明文件增加了对ts在Node.js环境下的支持,并提供了更好的类型安全和编辑器智能提醒。

@types/node提供了更好的Node.js环境下TypeScript的类型声明支持,能够获得更好的类型提示及错误提示等。



安装完毕后,可直接用命令执行ts文件!

ts-node index.ts


此时可直接用命令执行ts文件!

### 3.数据类型

#### 3.1 基本类型(原始类型)

原始类型(string, number, boolean, undefined, null)

特点:简单,这些类型,完全按照 JS 中类型的名称来书写。

//string类型
let str: string = ‘abcdefg’; //:string 表示【类型注解】,声明变量的时候就进行类型约束
console.log(“

标签:总结,node,TypeScript,string,ts,number,语法,let,类型
From: https://blog.csdn.net/weixin_44493427/article/details/142940129

相关文章

  • 2024年10月14日总结
    今日新学了20个单词,复习32个。上午上了一节数据结构课学了些栈和队列,下午上了java课。出于竞赛知识需要,晚上学了些二叉树三种遍历方式的相关知识。以下是我用cpp完成的前序,中序,后序遍历二叉树的代码实现。includestructTreeNode{intval;TreeNode*left;TreeNode*right;......
  • AutoSar AP CM模块骨架侧的服务方法的总结
    一、服务方法特性骨架侧的服务方法是抽象方法,需由继承骨架的服务实现子类重写。以服务示例中的Adjust方法为例:structAdjustOutput{boolsuccess;Positioneffective_position;};virtualara::core::Future<AdjustOutput>Adjust(constPosition&position)=......
  • 2024/10/14 模拟赛总结
    \(0+100+40+0=140\),怎么都会T3啊#A.char令\(dp_{i,j}\)为已经考虑了文本串前\(i\)位且将所有*填入了字符,匹配了模式串的前\(j\)位的方案总数转移显然,若第\(i\)位不是*,则只有这一位和模式串相等才会有答案,即\(dp_{i,j}=\begin{cases}dp_{i-1,j-1}&s_i=t_k\\0&......