ts中箭头函数用泛型表示,6种方法

最新推荐文章于 2024-03-31 11:45:59 发布

slongzhang_

最新推荐文章于 2024-03-31 11:45:59 发布

阅读量2.2k

点赞数

文章标签： vue.js typescript 前端

原文链接：https://blog.csdn.net/weixin_45389051/article/details/118250554

版权

文章介绍了在TypeScript中使用箭头函数表达泛型的六种方式，包括类型约束和返回类型。同时，文章提供了一个Vue的自定义ref函数示例，展示了如何在响应式系统中处理类型安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自ts中箭头函数用泛型表示,6种方法

const foo = <T,>(x: T): T => x;

const foo = <T extends {}>(x: T): T => x;

const foo = <T extends Record<string, unknown>>(x: T): T => x;

const foo: <T>(x: T) => T = x => x;

const identity = <T,>(arg: T): T => {
    console.log(arg);
    return arg;
};

const renderAuthorize = <T>(Authorized: T): ((currentAuthority: CurrentAuthorityType) => T) => (
    currentAuthority: CurrentAuthorityType,
  ): T => {
     return
 };

附上vue自定义ref案例

function myRef<T>(value:T) {
  return customRef((track, trigger) => {
    return {
      get() {
        track();
        return value;
      },
      set(newVal) {
        console.log('我是myRef,我被重新赋值为:' +  newVal);
        value = newVal;
        trigger();
      }
    }
  })
}

const myRef2 = <T>(value: T) => {
  return customRef((track, trigger) => {
    return {
      get() {
        track();
        return value;
      },
      set(newVal) {
        console.log('我是myRef,我被重新赋值为:' +  newVal);
        value = newVal;
        trigger();
      }
    }
  })
}