03-TypeScript核心基础

简介: 03-TypeScript核心基础

--------------- 要的

✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes ------------------ 要的
✔ Add an End-to-End Testing Solution? … No / Cypress / Playwright
✔ Add ESLint for code quality? … No / Yes ------------------ 要的
✔ Add Prettier for code formatting? … No / Yes ------------------ 要的

Scaffolding project in ./...

Done.

打上了 `要的` 都要选择上
执行 `npm install`
启动 `npm run dev`
统一格式化 npm run format
#### 这下子就搭建好了一个官方脚手架程序了
# 一、基本数据类型
### TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用
#### 1. 数值类型 number
```ts
let val: number // 定义了一个只能存储数字类型
val = 123
// val = "123"; // 会报错
// 注意点: 其它的用法和JS一样
// 二进制
val = 0x111
val = 0o11
val = 0b11
console.log(val)

2. 布尔类型

let val2: boolean
val2 = true
// val2 = 1;// 会报错
console.log(val2)

字符串类型

let val3: string
val3 = '33333'
// 和js一样的玩 模版方式
val3 = `${val3}`
// val3 = 111; // 会报错
console.log(val3)

启动脚手架 f12 查看打印结果

相关文章
|
10月前
|
JavaScript 前端开发 安全
开发业务需求有必要引入 TypeScript 吗?
随着前端技术的不断更新和发展,TypeScript作为一种静态类型的JavaScript超集语言,逐渐在业界崭露头角,尤其是在当今快速发展的软件开发环境中,选择适合的开发工具和技术变得至关重要。在项目规模和复杂性的增加的同时,保证代码质量、可读性和可维护性成为开发团队的重要任务。这样的背景下,引入TypeScript作为一种开发工具来弥补JavaScript的某些弱点,已经成为许多开发团队的选择。那么TypeScript是否值得在业务中引入?它是否会取代JavaScript?那么本文就来聊聊在业务开发过程中是否有必要引入TypeScript,并讨论一下对于现代前端框架发展的看法和期待。
169 0
开发业务需求有必要引入 TypeScript 吗?
|
6月前
|
JavaScript 前端开发 开发者
深入理解 TypeScript:从基础到进阶
TypeScript 作为 JavaScript 的超集,通过静态类型系统提升了代码组织与错误检测能力,广泛应用于前端开发。本文介绍 TypeScript 的核心概念(类型系统、接口、类、模块)及基础特性(基础类型、接口、类和继承),并深入探讨泛型、高级类型和装饰器等进阶特性,帮助开发者构建更健壮、可维护的应用。
|
6月前
|
JavaScript 前端开发 安全
深入理解 TypeScript:从基础到高级特性
TypeScript 是由微软开发的开源编程语言,作为 JavaScript 的严格超集,通过引入静态类型系统和对 ES6+ 特性的支持,有效解决了动态类型带来的问题。本文将介绍 TypeScript 的核心概念和高级特性,包括类型注解、接口、类、泛型、枚举和装饰器等,帮助开发者提升代码质量和可维护性,更好地应用于项目中。
|
9月前
|
JavaScript 前端开发 安全
TypeScript的主要优势有哪些?
【6月更文挑战第1天】TypeScript的主要优势有哪些?
185 9
|
JavaScript
TypeScript 支持模块化编程,具体应用案例解析
TypeScript 支持模块化编程,具体应用案例解析
98 0
|
JavaScript 前端开发 IDE
TypeScript基础
TypeScript基础
135 0
TypeScript基础
|
JavaScript IDE 前端开发
|
JavaScript 前端开发
|
JavaScript 编译器
TypeScript深度剖析:TypeScript 中命名空间与模块的理解?区别?
TypeScript深度剖析:TypeScript 中命名空间与模块的理解?区别?
150 0
|
JavaScript 前端开发 索引
TypeScript深度剖析:TypeScript 中接口的理解?应用场景?
TypeScript深度剖析:TypeScript 中接口的理解?应用场景?
130 0