Ts-02

ts的核心一切都以安全为基准。

变量:[类型]

没有类型会进行推导。

基础类型靠推导行了不用强制加。

number 普通类型 Number 类类型 【可以用Number接收1 装箱 反之拆箱】new Number(1) 显示装箱 let s:Number = 1; 隐式装箱。

let ay:Array = [];

let ay:[number,string] = [1, '']; // 元组 默认可以当数组用 用数组的方法

let r = ay.pop(); // r 的类型 number|string|undefined

r.push() 放到时候只能放 number|string 但是正经的来说定了长度不应该在放了。

r[2] = '' 不能通过索引来玩 越界了

数据交换可能会用到元组

普通枚举 常量枚举 异构枚举

typescript 复制代码
// 普通枚举
enum ROLE {  // 编译完了是个对象  互为反射 ROLE[ROLE['USER'] = 0] = 'USER'
    USER,   // 0
    ADMIN,  // 1
} 
    
    
// 异构枚举
enum ROLE {
    USER='user', // 字符串不能互为映射没啥索引所以也映射不了。
    ADMIN=5 // 默认数字枚举一定要在字符串枚举之前因为不知道从多少开始。但是可以直接给数字 这就构成异构枚举 
}
    
    
// 常量枚举
const enum ROLE {  // 这个在创建编译的时候就没有对象了 直接用值代替 不会生成一个对象。减少代码容量
    USER,
    A='a'
}

ROLE.USER 完了就是个0
ROLE.A    'a'   
    
// 常量枚举
const enum ROLE {  // 这个在创建编译的时候就没有对象了 直接用值代替 不会生成一个对象。减少代码容量
    USER,
    A='a'
}

ROLE.USER 完了就是个0
ROLE.A    'a'


// null undefined never void object
// 任何类型的字类型 null undefined 它可以赋给其他类型 需要修改ts config 需要把 "strictNullChecks": false 改成false strict改成false也行。 在严格模式undefined 和 null只能赋值给彼此。
    
// never 永远不。代码无法达到终点。throw while(true) 永远走不到的判断。 
function testType(str:string) {
    if(typeof str === 'string') {

    } else {
        // 永远不可达到
        // str 是never类型帮我们代码做完整校验,自己推断出来的。
        // 代码走不到never就没问题走到了never就有问题。 
    }
}
    
// never也是任何类型的子类型。 可以赋给任何值。 never可以赋给void

// void 只能把undefined  赋值给他。 如果想满足 null 需要改下配置文件 strictNullChecks: false

// object 可以接受非原始类型。泛型 约束用这个用的多。

// symbol (es6)  BigInt (es10) 的语法 编译完了还是这样子。   

// 内置类型 自定义类型 高级类型

// 联合类型
let s:number|string;

// 内置类型-ts包里面定义的  
HTMLElement 
const el = document.getElementById("id")!; // el 是 HTMLElement|null类型 ! 放在后面也行
用的时候el?.xxx
//!或者用非空断言
el!.xxx

    
// 直接强转
// 这种语法不兼容jsx
(<HTMLElement>el).xxx
(el as HTMLElement).xxx
// 双层转换
(a as any) as number

// ??
// a??b 如果a不是undefined null 就返回a 否则就b

// 字面量
type s = 'xa'
let x:'a'|'b'|s = 'a';

export {} // 标识当前模块是自己的要不会造成全局冲突。
相关推荐
wuhen_n12 小时前
Vite 核心原理:ESM 带来的开发时“瞬移”体验
前端·javascript·vue.js
nibabaoo12 小时前
前端开发攻略---vue3长列表性能优化终极指南:虚拟滚动、分页加载、时间分片等6种方案详解与代码实现
前端·javascript·vue.js·虚拟滚动·分页加载·长列表·时间分片
未完成的歌~12 小时前
前端 AJAX 详解 + 动态页面爬虫实战思路
前端·爬虫·ajax
Mintopia12 小时前
时间源不统一 + 网络延迟 + 客户端时钟偏移
前端·架构
不甜情歌12 小时前
拆解JS原型核心:显式原型(prototype)+ 隐式原型(__proto__)+原型链,解锁JS继承的关键密码
前端·javascript
香草泡芙12 小时前
解锁AI Agent潜能:基于Langchain组件库的落地指南(2)
前端·javascript·人工智能
wuhen_n12 小时前
函数式组件 vs 有状态组件:何时使用更高效?
前端·javascript·vue.js
小码哥_常12 小时前
Kotlin开发秘籍:解锁Android编程新姿势
前端
ETA812 小时前
页面卡顿的元凶:可能是你没搞懂事件循环(面试可用)
前端·浏览器