当前位置: 首页 > news >正文

TypeScript 开始学习 -接触的新东西

目录

  • 语言类型
  • 类型总览
    • JavaScript 中的数据类型
    • TypeScript 中的数据类型
  • 定义类型
  • 断言
  • 索引签名
  • 泛型

语言类型

JS -> 弱类型
TS -> 强类型

TypeScript(TS)是一种强类型语言。‌这意味着在TypeScript中,变量和函数参数的类型必须在编译时明确指定,这有助于在开发过程中发现潜在的错误,并提高代码的可维护性和稳定性。‌

与TypeScript相对比,JavaScript(JS)是一种弱类型语言。在JavaScript中,变量的类型可以在运行时动态确定,这意味着在编写代码时不需要显式声明变量的类型,这可能导致运行时错误和难以调试的问题。

  • 强类型语言和弱类型语言的主要区别在于类型检查的时机和严格性:
    • 强类型语言‌:在编译时进行严格的类型检查,要求开发者在编写代码时明确指定变量的类型。这有助于提前发现潜在的错误,提高代码的质量和可维护性。‌
    • 弱类型语言‌:在运行时进行类型检查,允许在编写代码时不显式声明变量的类型。这可能导致运行时错误,调试难度较大。

类型总览

JavaScript 中的数据类型

① string
② number
③ boolean
④ nullundefined
⑥ bigint
⑦ symbol
⑧ object
备注:其中 object 包含: Array 、 Function 、 Date 、 Error 等......

TypeScript 中的数据类型

1. 上述所有 JavaScript 类型
2. 六个新类型:
① any
② unknown
③ never
④ void
⑤ tuple
⑥ enum
3. 两个⽤于⾃定义类型的⽅式:
① type
② interface

定义类型

let a: string //变量a只能存储字符串
let b: number //变量b只能存储数值
let c: boolean //变量c只能存储布尔值

断言

unknown 会强制开发者在使⽤之前进⾏类型检查,从⽽提供更强的类型安全性。

// 设置a的类型为unknown
let a: unknown
a = 'hello'
//第⼀种⽅式:加类型判断
if(typeof a === 'string'){x = aconsole.log(x)
}
//第⼆种⽅式:加断⾔
x = a as string
//第三种⽅式:加断⾔
x = <string>a

索引签名

索引签名: 允许定义对象可以具有任意数量的属性,这些属性的键和类型是可变的,
常⽤于:描述类型不确定的属性,(具有动态属性的对象)

// 限制person对象必须有name属性,可选age属性但值必须是数字,同时可以有任意数量、任意类型的其他属性
let person: {name: stringage?: number[key: string]: any // 【索引签名】,完全可以不⽤key这个单词,换成其他的也可以
}
// 赋值合法
person = {name:'张三',age:18,gender:'男'
}

泛型

代码中的 Array<string> 属于泛型,

let arr1: string[]
let arr2: Array<string>
arr1 = ['a','b','c']
arr2 = ['hello','world']
http://www.lryc.cn/news/497293.html

相关文章:

  • 非对称任意进制转换器(安卓)
  • 【优选算法篇】寻找隐藏的宝藏:用二分查找打开算法世界的大门(上篇)
  • 基于Vue实现的移动端手机商城项目 电商购物网站 成品源码
  • C语言:数组
  • 时间序列预测之FiLM
  • 【机器学习】窥数据之序,悟算法之道:机器学习的初心与远方
  • OpenCL介绍
  • 「Mac畅玩鸿蒙与硬件42」UI互动应用篇19 - 数字键盘应用
  • 【前端知识】npm命令行详细说明
  • Python网络爬虫技术详解与实践案例
  • 【遥感目标检测综述】【GRSS】遥感目标检测与深度学习的相遇:挑战与进展的元综述
  • 【大数据技术基础】 课程 第3章 Hadoop的安装和使用 大数据基础编程、实验和案例教程(第2版)
  • 【机器学习】机器学习的基本分类-监督学习-决策树-C4.5 算法
  • 云计算vsphere 服务器上添加主机配置
  • Linux笔记---进程:进程替换
  • 量化交易backtrader实践(五)_策略综合篇(1)_股票软件指标回测
  • 4.STM32通信接口之SPI通信(含源码)---软件SPI与W25Q64存储模块通信实战《精讲》
  • MINDAGENT:游戏交互中的新兴性设计
  • 【工具变量】上市公司企业所在地城市等级直辖市、副省级城市、省会城市 计划单列市(2005-2022年)
  • C# 动态类型 Dynamic
  • Css动画:旋转相册动画效果实现
  • Unity 基于Collider 组件在3D 物体表面放置3D 物体
  • Hbase整合Mapreduce案例1 hdfs数据上传至hbase中——wordcount
  • PyQt 中的无限循环后台任务
  • 5G CPE核心器件-基带处理器(三)
  • 鸿蒙next版开发:拍照实现方案(ArkTS)
  • C++面试突破---C/C++基础
  • 项目搭建+修改
  • 每日算法一练:剑指offer——树篇(4)
  • Nginx静态资源配置