TypeScript Generics All In One

"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * @created 2022-02-07
 * @modified
 *
 * @description generic
 * @augments
 * @example
 * @link
 *
 */

const log = console.log;

class Person {
  run(value: T) {
    log('run', value);
  }
  static getName(value: T) {
    // Static members cannot reference class type parameters.ts(2302)
  }
}

const p = new Person();
p.run(1);
p.run('1');
// Argument of type 'string' is not assignable to parameter of type 'number'.ts(2345)


// 泛型约束
interface Length {
  length: number,
}

class Test {
  run(value: T) {
    log('run', value);
  }
  getLength(len: T) {
    log('length =', len, len.length);
  }
}

const t = new Test();
t.run('abc');
t.getLength('abc');
t.getLength(123);
// Argument of type 'number' is not assignable to parameter of type 'string'.ts(2345)

interface Len {
  length: T,
}

class Bug> {
  run(value: T) {
    log('run', value);
  }
  getLength(len: T) {
    log('length =', len, len.length);
  }
}

// const t = new Bug();
// Type 'string' does not satisfy the constraint 'Len'.ts(2344)
// const t = new Bug();
/*
Type 'string[]' does not satisfy the constraint 'Len'.
  Types of property 'length' are incompatible.
    Type 'number' is not assignable to type 'string[]'.ts(2344)
 */

export {};

Promise

feat

https://github.com/microsoft/TypeScript-Website/issues/2256

(() => {
  const tryLinks = document.querySelectorAll(`[class="playground-link"]`);
  for (let item of tryLinks) {
    item.target = "_blank";
  }
})();

refs

https://www.typescriptlang.org/docs/handbook/generics.html

https://www.typescriptlang.org/docs/handbook/2/generics.html

https://www.typescriptlang.org/play

?xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有??xgqfrms, 禁止转载 ???，侵权必究??！