Generics

デニスで入ると推定できます導き出したような感じで、それに従って設定します.いつでも直接比較すると、ジェニーン・リックスの長所が見えます.

は、まだ何に加入するかが確定していない場合、ギネス世界記録を使用することができます.

を使用すると、その変数に何が含まれているかが表示され、内部の変数が自動的に完了します.

function merge<T1, T2>(a: T1, b: T2) {
  return {
    ...a,
    ...b
  }
}

const merged = merge({foo: 1}, {bar: 2}); // merged에 마우스를 올리면 내부에 무엇이 있는지 볼 수 있다.
merged.foo // merged. 까지 치면 자동완성으로 내부에 있는 변수를 볼 수 있다.

つまり、どの値を入力するか分からないときにanyを使用すると、変数にマウスを置くとanyタイプ、Jennixを使用すると、入力値のタイプに応じて動的にどのタイプかを教えてくれます.次にもう一つの例を見ます.

function wrap<T>(a: T) {
 	return {
      a
    }
}
const wrapped = wrap(30);
wrapped.a

Genericsをinterface,typeに適用する

interface

interface Items<T> {
  list: T[];
}

const items: Items<string> { // 만약 Generics안에 number를 쓰게 되면 아래 문자열 배열은 빨간 줄이 뜬다.
 	list: ['a', 'b', 'c'] 
}

type

type Items<T> = {
	list: T[];
}

const items: Items<string> {
 	list: ['a', 'b', 'c'] 
}

個数が多くても大丈夫です。

type Items<T, V> {
	list: T[];
	value: V
}

const items: Items<string, number> {
 	list: ['a', 'b', 'c'],
    value: 1,
}

Genericsをクラスに適用しようとします

class Queue<T> {
  list: T[] = [];

  // constructor(public list: T[]) {
  //   this.list = list;
  // }

  enqueue(item: T) {
    this.list.push(item);
  }

  dequeue() {
    return this.list.shift();
  }
}

const queue = new Queue<string>();
queue.enqueue('a');
console.log(queue.dequeue()); // a