ts-node в tsconfig.json: {
"ts-node": {
"compilerOptions": {
"module": "CommonJS"
}
},
...
}classes[item].for(let item in classes) {
classes[item as keyof typeof classes] = 'page'+item
}string, так как из-за его структурной природы нельзя наверняка сказать, есть ли в полученном объекте(или его прототипе) ещё какие-то ключи, кроме тех, что указаны в его типе, и, соответственно, нельзя быть уверенным, что ничего не сломается.
map складывает в выходной массив результат переданной функции. Поскольку она у вас возвращает отфильтрованный массив items, то в итоге у вас получается массив массивов items. Если вам нужно, чтоб возвращались категории - возвращайте категории.reduce: сonst filterData = filter(arr, input.value);
interface Category {
category: string;
list: Array<{
item: string;
}>;
}
function filter<T extends Category>(data: T[], value: string): T[] {
if (!value) return data.slice(); // или [] если при пустом value нужен пустой массив
value = value.toLowerCase();
return data.reduce((result, category) => {
if(category.category.toLowerCase().includes(value)) {
result.push(category);
} else {
const list = category.list.filter(({ item }) => item.toLowerCase().includes(value));
if (list.length) {
result.push({
...category,
list
});
}
}
return result;
}, [] as T[])
}async и await, они здесь не нужны:const ApiServiceModule = {
get: <T>(url: string): Promise<T> => fetch(url)
.then(response => response.json())
.catch(err => console.error(err))
}async/await всего лишь сахар над Promise и в данном случае ничего не делают, т.к fetch и так возвращает Promise.this.
function wrapper<T extends { start(...args: unknown[]): unknown }>(target: { new(): T }, ...args: Parameters<T['start']>): T {
let instance = new target();
instance.start(...args);
return instance;
}
class RandomClass {
start(arg1: string, arg2: number) { /* ... */ }
}
let instance = wrapper(RandomClass, 'Hello, world!', 777); /// все ок
let instance2 = wrapper(RandomClass, 777); /// ошибкаtype TupleUnion<U extends string, R extends string[] = []> = {
[S in U]: Exclude<U, S> extends never ? [...R, S] : TupleUnion<Exclude<U, S>, [...R, S]>;
}[U] & string[];
interface Interface {
foo: boolean;
bar: string;
baz: object
}
type Keys = TupleUnion<keyof Interface>;
let keys: Keys;
keys = ['foo', 'bar', 'baz']; // OK все ключи указаны
keys = ['foo']; // NOT OK указаны не все ключи
keys = ['foo', 'bar', 'another bar']; // NOT OK один из ключей не совпадаетWeekday2s.mon === 0. Если нужны в enum именно строки - то именно строки и следует задавать: enum Weekdays { mon = "mon", ...}Ну кроме того что enum скомпилируется в JS - объект, а type будет доступен только во времени компиляции.
tsc --watch, но адекватный вариант - юзать системы с live reload'ом, например одну из предложенных Алексей Ярков.
@types/recaptcha2 и @types/grecaptcha.
$refs у него лежат голые компоненты Vue или Element'ы. @Component
export default class Login extends Vue {
// ...
}
export default interface Login {
$refs: {
loginForm: any; // на самом деле не any, а интерфейс компонента, поддерживающий нужные методы
}
}"import-blacklist": [true, ["^src/.*"]]"no-restricted-imports": ["error", {"patterns": ["src/*"]}]this.showParams.apply(this, ...args); содержит две ошибки:this.showParams внутри this.showParams ты поучаешь бесконечную рекурсию, надо сохранить старый this.showParams в отдельную переменную и вызывать через неё;Function.prototype.apply принимает вторым аргументом массив, а ты его тут зазря разбираешь.class ExampleClass {
showParams(...args) {
console.log('I have to be calleb');
console.log(...args);
}
}
const exampleInstance = new ExampleClass();
exampleInstance.showParams('one', 'Two', 'Three', 456);
exampleInstance.showParams = (showParamsOld => function(...args){
args.push('Default Argument');
return showParamsOld.apply(this, args);
})(exampleInstance.showParams);
exampleInstance.showParams('one', 'Two', 'Three', 456);