typescrip基础入门

这篇博客介绍了如何配置Node.js环境以使用TypeScript,包括全局安装TypeScript。接着,文章详细讲解了TypeScript中的基本类型,如number、string、boolean、Array、object、null和undefined,并提到了通过tsconfig进行类型检查的严格配置。此外,还讨论了联合类型、类型保护、void、never、字面量类型、元组类型、any类型、类型别名、函数重载、枚举及其使用注意事项,以及只读修饰符的概念。
摘要由CSDN通过智能技术生成

node 环境配置

安装

npm i -g typescript (自带编译工具tsc)

ts 中的基本类型

number:数字
-string:字符串
-boolean:布尔
-Array:数组

let num:Array<number>//数字类型的数组 约束 或者 let num:number[]

-object:对象
-null 和 undefined 是所有类型的子类型 可以通过tsconfig进行配置 进行严格判断

let obj:object = {
   

}

#其他常用类型
-联合类型
类型保护:当对某个变量进行类型判断后,在判断语句中可以确定其确切类型;比如typeof方法触发

let exam:number | string;

-void 表示返回值为空,一般用来约束函数返回值
-never 表示函数永远不会结束 比如throw 错误的函数
-字面量类型

let obj:'男' | '女';//只能取男或女

let obj:{
   
    name:string,
    age:number
}
obj = {
   
  name:'1',
  age:2  
}

-元组类型 一个有限长度的数组且每一项的类型是确定
-any类型:任何类型,可以绕过两类型检查

类型别名

type u= {
   
    name
TypeScript 是一种静态类型的 JavaScript 编程语言,它增强了 JavaScript 的类型系统,使开发者能够编写更安全、更易于维护的代码。Moment.js 是一个流行的时间处理库,用于解析、验证、操作和显示日期和时间。 要在 TypeScript 中引入 Moment.js,你需要执行以下几个步骤: 1. **安装 Moment.js**:首先,确保你在项目中安装了 Node.js 和 npm(Node 包管理器)。然后在终端或命令行里,使用 `npm` 或 `yarn` 来安装 moment 依赖。例如: ``` npm install moment ``` 或者对于 yarn: ``` yarn add moment ``` 2. **导入 Moment.js**:在 TypeScript 文件中,添加对 Moment.js 的导入语句。由于 TypeScript 支持 CommonJS 和 ES6 模块导入,你可以选择适合项目的导入方式: - 使用 CommonJS 导入(适用于 Node.js): ```typescript import * as moment from 'moment'; ``` - 或者使用 ES6 模块导入(适用于浏览器环境或使用 TypeScript 的模块编译工具,如 Webpack 或 Rollup): ```typescript import moment from 'moment'; ``` 3. **使用 Moment.js 功能**:现在你可以在文件中使用 Moment.js 的各种功能了,比如创建日期对象、解析字符串、格式化日期等。例如: ```typescript const now = moment(); // 创建当前日期对象 const dateStr = moment('2023-03-01').format('YYYY-MM-DD'); // 格式化日期为字符串 ``` 如果你遇到 TypeScript 类型问题,可以利用 Moment.js 提供的类型定义 (`@types/moment`) 来获取更好的类型支持。安装后,TypeScript 将自动识别并提供正确的类型。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值