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 {} // 标识当前模块是自己的要不会造成全局冲突。
相关推荐
扶苏10025 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
未来龙皇小蓝6 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
yanlele7 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
打瞌睡的朱尤8 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js
星火开发设计10 小时前
模板参数:类型参数与非类型参数的区别
java·开发语言·前端·数据库·c++·算法
cc.ChenLy12 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
何中应12 小时前
使用Jenkins部署前端项目(Vue)
前端·vue.js·jenkins
3秒一个大12 小时前
JWT 登录:原理剖析与实战应用
前端·http·代码规范
NEXT0612 小时前
2026 技术风向:为什么在 AI 时代,PostgreSQL 彻底成为了全栈工程师的首选数据库
前端·数据库·ai编程
NEXT0612 小时前
拒绝“盲盒式”编程:规范驱动开发(SDD)如何重塑 AI 交付
前端·人工智能·markdown