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 但是正经的来说定了长度不应该在放了。

r2 = '' 不能通过索引来玩 越界了

数据交换可能会用到元组

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

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 {} // 标识当前模块是自己的要不会造成全局冲突。
相关推荐
ℋᙚᵐⁱᒻᵉ鲸落5 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙6 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow7 小时前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上7 小时前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
星栈8 小时前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香8 小时前
简单的图片上传 删除 预览
前端
ITresearchGuest8 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士9 小时前
Vite项目中使用Less步骤,详细使用示例
前端·css
花间相见10 小时前
【LangChain组件03】—— LangChain Agents 执行与状态:工作流程与状态管理实战
java·前端·langchain
kyriewen10 小时前
面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码,只看我会不会拆
前端·javascript·面试