08. 🟦 사용자 정의 타입 가드

typeof 123; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Symbol(); // "symbol"
typeof BigInt(1); // "bigint"
typeof function () {}; // "function"
typeof {}; // "object"
typeof null; // "object" ❗️ (버그이자 역사적 유산)

	class Person {}
	const p = new Person();
 
	p instanceof Person  // true
	[] instanceof Array  // true
	[] instanceof Object // true (Array는 Object를 상속)
	null instanceof Object // false ❗️
 
	function Dog() {}
	const d = new Dog();
	d instanceof Dog // true

interface Cat {
	meow: number;
}
interface Dog {
	bow: number;
}
 
// 기본 타입 가드
// a is Dog	함수가 true를 반환할 경우, a는 Dog 타입이라고 판단
 
function catOrDog(a: Cat | Dog): a is Dog {
	// 타입 판별을 할 수 있는 함수
	if ((a as Cat).meow) {
		return false;
	}
	return true;
}
 
const cat: Cat | Dog = { meow: 3 };
 
if (catOrDog(cat)) {
	console.log(cat.meow);
}
if ("meow" in cat) {
	console.log(cat.meow);
}

type PromiseSettledResult<T> =
	| PromiseFulfilledResult<T>
	| PromiseRejectedResult

    -  성공 : { status: "fulfilled", value: 1 },
    -  실패 : { status: "rejected", reason: "에러" },
 
	- 성공 → { status: "fulfilled", value: T }
	- 실패 → { status: "rejected", reason: any }

// 실패한것만 가져오고 싶을때
const isRejected = (input: PromiseSettledResult<unknown>): input is PromiseRejectedResult =>
	input.status === "rejected";

const isFulfilled = <T>(input: PromiseSettledResult<T>): input is PromiseFulfilledResult<T> =>
	input.status === "fulfilled";

// Promise
// 성공 resolved
// 실패 rejected
 
// sattled : .then().catch()
// 성공 resolved .then()
// 실패 rejected .catch()
 
const results: PromiseSettledResult<number>[] = await Promise.allSettled([Promise.resolve(1), Promise.reject("err")]);
 
const successOnly = results.filter(isFulfilled); // 타입은 PromiseFulfilledResult<number>[]
const failureOnly = results.filter(isRejected); // 타입은 PromiseRejectedResult[]
 
promise.then().catch();

const getUser = (id: number) => {
	if (id === 2) Promise.reject("❌ 실패");
	else Promise.resolve({ id, name: `User ${id}` });
};
const requests = [1, 2, 3].map(getUser);
const results = await Promise.allSettled(requests);
 
//[
//  { status: "fulfilled", value: { id: 1, name: "User 1" } },
//  { status: "rejected", reason: "❌ 실패" },
//  { status: "fulfilled", value: { id: 3, name: "User 3" } }
//]