ts用法

柔情只为你懂 2023-02-28 05:46 16阅读 0赞

### interface 中定义函数的三种方法 ###

interface Person { 
      readonly name: string,
      say?: { (a: string): string},
      run?(a: string): boolean,
      eat?: (a: string) => string,
    }

### 断言、双重断言 ###

有相同属性的可以断言

interface Person { 
      name: string,
    }
    
    interface Dog { 
      nickname: string,
      age: number,
    }
    
    interface Cat { 
      nickname: string,
    }
    
    const c1: Cat = { 
      nickname: 'cc1',
    }
    
    console.log(c1 as Dog) // 这个没有问题
    console.log(c1 as Person) // 这个会报错
    // 类型 "Cat" 到类型 "Person" 的转换可能是错误的，因为两种类型不能充分重叠。
    // 如果这是有意的，请先将表达式转换为 "unknown"
    // 下面是可以的
    console.log(c1 as unknown)
    console.log(c1 as any)
    console.log(c1 as unknown as Person)
    console.log(c1 as any as Person)

### 泛型&泛型约束 ###

interface CreateSomeOne<T> { 
      (a: T): T,
    }
    
    interface Lengthwise { 
      age: number;
    }
    
    function createSomeOne<T extends Lengthwise>(a: T, b: T): T { 
      if (a.age > 0) return a;
      else return b;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 TS常用数据类型（TypeScript常用数据类型，ts常用数据类型和js常用数据类型的区别）

简述：TS全称TypeScript，是一门弱类型的语言，可以理解为是 JavaScript 的扩展语法，因此我们可以在 ts 中继续写js代码，且不会报错，而且TypeScr

一时失言乱红尘/ 2023年10月08日 21:00/ 0 赞/ 80 阅读

相关 ts用法

interface 中定义函数的三种方法 interface Person { readonly name: string, say?:

柔情只为你懂/ 2023年02月28日 05:46/ 0 赞/ 17 阅读

相关【ts】ts学习笔记

一、函数重载 // 函数重载 function add(...rest: number[]):number; function add(...re

系统管理员/ 2023年02月17日 14:52/ 0 赞/ 179 阅读

相关走近Ts，用了爽，用后一直爽

![format_png][] 前言 vue3已经发布了，ts的脚步已经阻拦不住了，还只会es6?别想了，人家都已经在行动了，以下是ts的基本系列教程，ts的基本

ゝ一世哀愁。/ 2023年01月07日 07:15/ 0 赞/ 194 阅读

相关基于vue+ts的vuex五个属性基础用法

什么是Vuex > VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(可以理解为 vue 组件里的某些 data )

梦里梦外;/ 2023年01月05日 09:49/ 0 赞/ 170 阅读

相关 ts 常用声明的数据类型

/ 1.1 ts 如何声明一个boolean, number, string类型的值 / // 在js中，定义 isFlag 为true,

秒速五厘米/ 2022年12月20日 02:06/ 0 赞/ 155 阅读

相关 TS中的!和?用法

!和? !用法用在变量前表示取反用在赋值的内容后时，使null和undefined类型可以赋值给其他类型并通过编译，表示该变量值可空 let y:numbe

川长思鸟来/ 2022年09月04日 05:56/ 0 赞/ 285 阅读

相关 TS as 用法

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xBTkda

深碍√TFBOYSˉ_/ 2022年09月03日 07:26/ 0 赞/ 230 阅读

相关 JS TS Splice用法

const { ccclass, property } = cc._decorator; @ccclass export default cl

灰太狼/ 2022年08月29日 10:44/ 0 赞/ 252 阅读

相关 vue_ts ts环境搭建及ts格式写法

1、搭建环境方式一: vue ui手动配置->添加项目->手动配置 ->添加Babel、Typescript、使用配置文件,其他选择

淩亂°似流年/ 2021年07月24日 20:48/ 0 赞/ 728 阅读