如果自己写这个omit函数，应该怎么给这个函数标注ts类型

Question

<template>
    <i class="c-icon" :class="{[`c-icon--${type}`]:type}">
        <font-awesome-icon v-bind="fontawesomeProps" />
    </i>
</template>

<script setup lang="ts">
import type { IconProps } from './types'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
defineOptions({
    name: 'CIcon',
    inheritAttrs: false
})
const props = defineProps<IconProps>()

const omit = (object, paths) => {
    const result = {};
    for (const key in object) {
        if (!paths.includes(key)) {
            result[key] = object[key];
        }
    }
    return result;
}

const fontawesomeProps = omit(props, ['type', 'color']);

老师我请教一下如果自己写这个omit函数，应该怎么给这个函数标注ts类型

Answer 1

张轩 2023-09-05 09:42:24

同学你好

简单写了一下，可以试试：

const omit = <T extends object, K extends keyof T>(object: T, paths: K[]): Omit<T, K> => {
    const result = {} as any;
    for (const key in object) {
        if (!paths.includes(key as any)) {
            result[key] = object[key];
        }
    }
    return result;
};

基本原理就是使用 Omit 手动标准了返回

• 慕仙1105321 #1

  omit 现在ts 内置了把？type IconPropsWithoutColorAndType = Omit<IconProps, 'color' | 'type'>

• 张轩 回复 慕仙1105321 #2

  是的 这位同学问的要是想自己手动的话 应该怎么写