TypeScript极速入门笔记1

简介: TypeScript极速入门笔记1

TypeScript 可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

一、基础语法

1、基础类型

  1. 数字类型(number):双精度 64 位浮点值。它可以用来表示整数和分数。
  2. 字符串类型(string):使用单引号(')或双引号(")来表示。反引号(`)来定义多行文本和内嵌表达式。
  3. 数组类型(无):声明变量为数组。
  4. 元组(无):元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。
  5. 枚举(enum):枚举类型用于定义数值集合。
  6. void(void):用于标识方法返回值的类型,表示该方法没有返回值。
  7. null(null):表示对象值缺失。
  8. undefined(undefined):用于初始化变量为一个未定义的值。
  9. never(never):never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。
(1)联合类型

可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。

只能赋值指定的类型,如果赋值其它类型就会报错。

Type1|Type2|Type3

2、变量

(1)变量声明

TypeScript 遵循强类型,如果将不同的类型赋值给变量会编译错误。语法格式:

var [变量名] : [类型] = 值;          

var [变量名] : [类型];       //变量值会设置为 undefined

var [变量名] = 值;      //该变量可以是任意类型            

var [变量名];      //类型可以是任意类型,默认初始值为 undefined

(2)类型断言

用来手动指定一个值的类型,即允许变量从一种类型更改为另一种类型。语法格式:

<类型>值 或 值 as 类型

(3)作用域
  • 全局作用域 − 全局变量定义在程序结构的外部,它可以在你代码的任何位置使用。
  • 类作用域 − 这个变量也可以称为 字段。类变量声明在一个类里头,但在类的方法外面。 该变量可以通过类的对象来访问。类变量也可以是静态的,静态的变量可以通过类名直接访问。
  • 局部作用域 − 局部变量,局部变量只能在声明它的一个代码块(如:方法)中使用。

3、运算符

与JavaScript相同

二、控制语句

1、条件语句

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
  • switch 语句 - 使用该语句来选择多个代码块之一来执行

2、循环语句

for循环

for...in循环 - 用于一组值的集合或列表进行迭代输出。

for…of 、forEach、every 和 some 循环

for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。

while循环

do...while循环

三、函数

语法格式:

function function_name()
 {
     // 执行代码
 }
带返回值:
 function function_name():return_type { 
     // 语句
     return value; 
 }
带参数:
 function func_name( param1 [:datatype], param2 [:datatype]) {   
 }
匿名函数:
 var res = function( [arguments] ) { ... }
Lambda 函数:
 ( [param1, param2,…param n] )=>statement;
目录
相关文章
|
7月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
66 3
|
2月前
|
JavaScript 前端开发 编译器
【小白入门】 浏览器如何识别Typescript?
【10月更文挑战第1天】浏览器如何识别Typescript?
|
3月前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
4月前
|
存储 JavaScript 前端开发
深入浅出TypeScript | 青训营笔记
深入浅出TypeScript | 青训营笔记
37 0
|
6月前
|
JavaScript 前端开发 程序员
typescript入门笔记分享
typescript入门笔记分享
34 0
|
7月前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
108 0
|
7月前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
89 0
|
7月前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
146 0
|
7月前
|
存储 JavaScript 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
123 0
|
2月前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
63 0