TypeScript学习笔记
TypeScript
1，TypeScript概述
1，JavaScript是什么
javascript是⼀种运⾏在客户端中的编程语⾔。当应⽤于浏览器时，为⽹站提供动态交互特性，让⽹页动起来。运⾏环境：浏览器，nodejsTypeScript
1，TypeScript概述
1，JavaScript是什么
javascript是⼀种运⾏在客户端中的编程语⾔。当应⽤于浏览器时，为⽹站提供动态交互特性，让⽹页动起来。运⾏环境：浏览器，nodejs
TypeScript是什么
typescript是javascript的超集
为JS添加类型系统
TS相⽐JS的优势
JS的类型系统存在”先天缺陷“，绝⼤部分错误都是类型错误
优势⼀：类型化思维⽅式，使得开发更加严谨，提前发现错误，减少改bug时间
优势⼆：类型系统提⾼代码可读性，并使维护和重构代码更加容易
优势三：补充了接⼝、枚举等开发⼤型应⽤时js缺失的功能
2，安装解析TS的⼯具包
npm i -g typescript
TS代码在nodejs中运⾏
1. TS代码-》JS代码
tsc hello.ts
2. 执⾏JS
node hello.js
简化执⾏TS的步骤
使⽤ts-node包，”直接“在node.js中执⾏TS代码
ts-node hello.ts
3，输出语句
console.log('Hello TS')
console表⽰控制台，在node.js中，指的就是终端log表⽰⽇志
⼩括号内表⽰要打印的信息
2，TS变量和数据类型
1，什么是变量
变量，是⽤来存储数据的容器，并且可以变化的。2，变量的使⽤
1. 声明变量并指定类型
let age:number;
1. let是TS的关键字，⽤来声明变量
2. age： ⾃定义变量名称
3. : number ⽤来指定变量age为数值变量
2. 给变量赋值
age =18
3. 简化操作
let age:number=18
3，类型注解
类型注解：是⼀种为变量添加类型约束的⽅式
4，变量的命名规则
数字，字母，下划线，美元符号，不能以数字开头5，数据类型概述
1. 原始类型（基本数据类型）
1. number
包含整数值和浮点型（⼩数）值
2. string
由零个或者多个字符串联⽽成的，⽤来表⽰⽂本信息
3. boolean
⽤来表⽰真或假（true或false）
4. undefined
表⽰声明但未赋值的变量值
let u: undefined = undefined
5. null
let n:null=null
2. 对象类型（复杂数据类型）
3，运算符
1，运算符概述
也叫操作符，⽤来实现赋值（=）、算术运算、⽐较等功能的符号
2，算术运算符
加（+）减（-）乘（*）除（/）
加号的其他作⽤
还可以实现字符串拼接
除了加号以外，其他 算术运算符只能跟数字类型⼀起使⽤
3，赋值运算符
将等号右边的值赋值给它左边的变量
加等（+=）、减等（-=）、乘等（*=）、除等（/=）
4，⾃增和⾃减运算符
⾃增（++）是+= 1的简化形式
⾃减（–）是 -= 1的简化形式
5，⽐较运算符
⽤于⽐较两个数据的值，并返回其⽐较的结果，结果为布尔类型
⼤于（>）⼩于（<）⼤于等于（>=）⼩于等于（<=）等于（=）不等于（!）6，逻辑运算符
逻辑运算符⽤于布尔类型计算，返回结果也是布尔类型
与（&&）两边的值同时为true，结果才为true
或（||）两边的值只要有⼀个为true，结果为true，否则为false
⾮（!）表⽰取反，true->false，false->true
4，TS语句
1，条件语句
根据判断条件的结果，来执⾏不同的代码，从⽽实现不同的功能
if语句
if(判断条件){
条件满⾜时，要做的事
}
判断条件：布尔类型
学javascript前要学什么如果判断条件为真，要执⾏要做的事
否则，如果判断条件为假，则不执⾏花括号中的代码
else语句
else语句必须配合if语句来使⽤
条件不满⾜时要做的事情（if语句的对⽴⾯）
if(判断条件){
条件满⾜时，要做的事
}else{
条件不满⾜时，要做的事
}
否则，如果判断条件为假，就执⾏条件不满时要做的事情2，三元运算符
根据判断条件的真假，得到不同的结果
结果=判断条件?值1：值2
如果判断条件为真，结果为值1
否则如果判断条件为假，结果为值2
值1和值2的类型相同
3，循环语句
for循环
实现重复做某种事情的循环语句
for循环的组成：
1. 初始化语句：声明计数器变量⽤来记录循环次数（执⾏⼀次）
2. 判断条件：判断循环次数是否达到⽬标次数
3. 计数器更新：完成⼀次循环让计数器数量加1
4. 循环体：循环代码，也就是要重复做的事情
for(初始化语句；判断条件；计数器更新){
循环体
}
初始化语句：声明计数器变量，记录循环次数
判断条件：判断循环次数是否达到⽬标次数
计数器更新：计数器数量加1
循环体：重复执⾏代码，也就是要重复做的事情
break和continue
⽤来改变循环的执⾏过程
break让循环提前结束（终⽌循环）
continue让循环间断执⾏（跳过本次循环，继续下⼀次循环）
断点调试
调试配置
安装调试⽤到的包
npm i ts-node typescript
修改launch.json的设置
{
"version":"0.2.0",
"configurations":[
{
"type":"node",
"request":"launch",
"name":"调试TS代码",
"runtimeArgs":["-r","ts-node/register"],
"args":["${workspaceFolder}/hello.ts"]
}
]
}
5，TS数组
1，数组的概述
⽤于存放多个数据的集合(数组中，通常都是相同类型的数据)
2，创建数组
let names:string[]=['aa','bb','cc']
多个元素之间使⽤逗号（,）分隔
3，数组长度与索引
数组长度：表⽰数组中元素的个数，通过数组的length属性获取
let names:string[]=['aa','bb','cc']
console.log(names.length)
》3
我们把数组中元素的序号，称为：索引（下标），数组中元素与索引⼀⼀对应数组索引是从0开始

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。