Оглавление:
Карта сайта:
Оглавление:
Карта сайта:
Это старая версия документа!
Литералы - это фиксированные значения, которые являются примитивами JavaScript.
Вы можете использовать строковый литерал в качестве типа. Например:
let foo: 'Hello';
Здесь мы создали переменную с именем foo, которая позволяет присваивать ей только литеральное значение 'Hello'. Это продемонстрировано ниже:
let foo: 'Hello'; foo = 'Bar'; // Ошибка: "Bar" нельзя назначить типу "Hello"
Они не очень полезны сами по себе, но могут быть собраны в тип объединение для создания мощной (и полезной) абстракции, например:
type CardinalDirection =
| 'North'
| 'East'
| 'South'
| 'West';
function move(
distance: number,
direction: CardinalDirection
) {
// ...
}
move(1, 'North'); // Okay
move(1, 'Nurth'); // Ошибка!
TypeScript также поддерживает литеральные типы boolean и number, например:
type OneToFive = 1 | 2 | 3 | 4 | 5; type Bools = true | false;
Как правило, вы получаете сообщение об ошибке: Тип string не может быть назначен для типа «foo». Следующий пример демонстрирует это.
function iTakeFoo(foo: 'foo') {}
const test = {
someProp: 'foo',
};
iTakeFoo(test.someProp); // Ошибка: Аргумент типа string не может быть
// назначен параметру типа 'foo'
Это потому, что test подразумевает тип {someProp: string}. Решением в этом случае было бы использование простого утверждения типа. Для того чтобы сообщить TypeScript литерал, который вы хотите, чтобы он выводил, как показано ниже:
function iTakeFoo(foo: 'foo') { }
const test = {
someProp: 'foo' as 'foo'
};
iTakeFoo(test.someProp); // Okay!
или используйте описание типа, которое поможет TypeScript понять правильный тип в точке объявления:
function iTakeFoo(foo: 'foo') {}
type Test = {
someProp: 'foo',
};
const test: Test = {
// Пометки - подразумевается, что someProp всегда === 'foo'
someProp: 'foo',
};
iTakeFoo(test.someProp); // Okay!
Возможные варианты использования для строковых литералов:
Тип перечисление в TypeScript основан на числах. Вы можете использовать строковые литералы вместе с объединенными типами, чтобы сымитировать перечисление на основе строки, как мы это делали в примере CardinalDirection выше. Вы даже можете сгенерировать структуру Key: Value, используя следующую функцию:
/** Утилита для создания K:V из списка строк */
function strEnum<T extends string>(
o: Array<T>
): { [K in T]: K } {
return o.reduce((res, key) => {
res[key] = key;
return res;
}, Object.create(null));
}
А затем сгенерируйте тип объединение из литеральных типов, используя keyof typeof. Вот полный пример:
/** Утилита для создания K:V из списка строк */
function strEnum<T extends string>(
o: Array<T>
): { [K in T]: K } {
return o.reduce((res, key) => {
res[key] = key;
return res;
}, Object.create(null));
}
/**
* Пример создания типа объединение на основе строк
*/
/** Создать K:V */
const Direction = strEnum([
'North',
'South',
'East',
'West',
]);
/** Создать тип */
type Direction = keyof typeof Direction;
/**
* Пример использования типа объединение на основе строк
*/
let sample: Direction;
sample = Direction.North; // Okay
sample = 'North'; // Okay
sample = 'AnythingElse'; // ОШИБКА!