代码编织梦想

类型别名(type)
type StrOrNumber = string | number
let result: StrOrNumber = 'test'
result = 123
字面量
type Directions = 'Up' | 'Down' | 'Left' | 'Right'
let test: Directions = 'Up'		// 只能等于上面定义的这四个值 
交叉类型
interface IName {
	name: string
}
type IPerson = IName & {age: number}
let massage: IPerson = {
	name:'test',
	age:10
}
声明文件

声明文件是以 .d.ts 结尾的文件
如使用 jquery,安装 jQuery npm install --save @types/jquery
就可以在 ts 结尾的文件中使用 jQuery 了

可以在 microsoft.github.io/TypeSearch/ 这个网址下搜索typescript的第三方库

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/phper2020/article/details/111032906

TypeScript 类型断言&类型保护-爱代码爱编程

目录 类型断言含义语法一:尖括号语法二:as与类型转换的区别类型保护功能实现一:typeof实现二: instanceof实现三: in实现四:字面量类型保护实现五:自定义的类型保护 & 类型谓词参考资料 类型断言 含义 TypeScript 允许你覆盖它的推断,并且能以你任何你想要的方式分析它,这种机制被称为「类型断言」。 语法

vue3+Elament Plus开发:Element Plus多选框 TypeScript 下报错修复-爱代码爱编程

vue3+Elament Plus开发:Element Plus多选框 TypeScript 下报错修复 问题描述 Element Plus 的多选框,根据官方文档的示例,在 ts 模式下是无法运行的; 既然用了VUE3,那我们就用VUE3的写法改写下。 官方代码示例 <template> <el-checkbox :in

AngularJS学习笔记-爱代码爱编程

本次实验通过Getting Start来完成 详细的教程为AngularJs <h2>Products</h2> <div *ngFor="let product of products"> //这这里对products中的内容进行了循环,并且可以从每一次循环中调用product值 <h3>

TypeScript 新特性介绍-爱代码爱编程

TypeScript 字符串新特性 多行字符串 JavaScript 定义多行字符串var word = 'aaa' + 'bbb' + 'ccc' TypeScript 定义多行字符串var word = ` aaa bbb ccc ` 字符串模板 var myName = "Zhang San"; var getNa

最新 eCharts 世界地图国家名映射-爱代码爱编程

* 直接复制即可 nameMap: { "Afghanistan": "阿富汗", "Angola": "安哥拉", "Albania": "阿尔巴尼亚", "Algeria": "阿尔及利亚", "Argen

element时间选择器的选择时间限制在一个月(亲测有效)-爱代码爱编程

时间选择器的选择时间限制在一个月 <el-date-picker type="daterange" unlink-panels value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-