keyof 和 typeof 操作符

keyof 操作符

keyof 是类型运算符 接收类型返回类型 返回的是接收类型的属性字面量联合类型

interface Product {
	name: string;
	price: number;
}

// 属性字面量联合类型   name | price
type ProductKeys = keyof Product;

const keys1: ProductKeys = "price";
const keys2: ProductKeys = "name";

// 不能把类型  a  分配给类型  keyof  Product
// const keys3: ProductKeys = "a"

class Store<T> {
	protected _objects: T[] = [];
	
	add(obj: T) {
		this._objects.push(obj);
	}
	
	find(property: keyof T, value: unknown): T | undefined {
		return this._objects.find((obj) => obj[property] === value);
	}
}

const store = new Store<Product>();
store.add({name: "Hello", peice: 100});
store.find("name", "hello");
store.find("price", 100);

store.find("a", 12);

store.find("greet", "hi")

// 获取类型中某一个属性值得类型

interface Product {
	name: string;
	price: number;
}

type nameType = Product["name"];

type priceType = Product["price"];

typeof 操作符

TypeScript 在语言层面又添加一个新的 typeof 运算符 该 运算符可以用来获取一个变量的类型

const person = {
	name: "张三",
	age: 20,
};

type Person = typeof person;

function fn() {
	return false;
}

type r = ReturnType<typeof fn>;