1.1 Тип string
В конце прошлого уровня мы быстро пробежались по типам TypeScript. Сейчас же мы пройдемся по каждому типу основательно. И начнем мы с примитивных типов.
Примитивные типы — это основные строительные блоки данных в TypeScript. Они включают типы, которые представляют одно значение и не являются JavaScript-объектами. Сейчас мы рассмотрим каждый из примитивных типов подробнее: string, number, boolean, null и undefined.
Тип string используется для представления текстовых данных. Строки могут быть заключены в одинарные или двойные кавычки, а также в обратные кавычки для шаблонных строк (template strings).
Объявление строк
Пример:
let firstName: string = 'John';
let lastName: string = "Doe";
let fullName: string = `${firstName} ${lastName}`;
Основные методы строк
Тип string поддерживает множество методов для работы со строками, таких как length, toUpperCase(), toLowerCase(), slice(), substring(), replace() и многие другие.
Пример:
"use strict";
let message = "Hello, TypeScript!";
console.log(message.length); // Вывод: 18
console.log(message.toUpperCase()); // Вывод: HELLO, TYPESCRIPT!
console.log(message.slice(0, 5)); // Вывод: Hello
console.log(message.replace("TypeScript", "World")); // Вывод: Hello, World!
let message: string = "Hello, TypeScript!";
console.log(message.length); // Вывод: 18
console.log(message.toUpperCase()); // Вывод: HELLO, TYPESCRIPT!
console.log(message.slice(0, 5)); // Вывод: Hello
console.log(message.replace("TypeScript", "World")); // Вывод: Hello, World!
1.2 Тип number
Тип number используется для представления как целых, так и дробных чисел. В TypeScript все числа являются числами с плавающей запятой, за исключением BigInt (который не является примитивным типом).
Объявление чисел
Пример:
let age: number = 30;
let temperature: number = 22.5;
let hex: number = 0xfff; // Шестнадцатеричное число
let binary: number = 0b1010; // Двоичное число
let octal: number = 0o744; // Восьмеричное число
Основные методы и свойства чисел
Тип number поддерживает такие методы, как toFixed(), toExponential(), toPrecision() и другие, а также свойства, такие как MAX_VALUE, MIN_VALUE.
Пример:
"use strict";
let value = 123.456;
console.log(value.toFixed(2)); // Вывод: 123.46
console.log(value.toExponential(2)); // Вывод: 1.23e+2
console.log(value.toPrecision(4)); // Вывод: 123.5
console.log(Number.MAX_VALUE); // Вывод: 1.7976931348623157e+308
let value: number = 123.456;
console.log(value.toFixed(2)); // Вывод: 123.46
console.log(value.toExponential(2)); // Вывод: 1.23e+2
console.log(value.toPrecision(4)); // Вывод: 123.5
console.log(Number.MAX_VALUE); // Вывод: 1.7976931348623157e+308
1.3 Тип boolean
Тип boolean используется для представления логических значений: true или false.
Объявление логических значений
Пример:
let isDone: boolean = false;
let isSuccess: boolean = true;
Основные методы и свойства логических значений
Тип boolean не имеет методов и свойств, поскольку он представляет собой простое логическое значение.
Пример использования:
"use strict";
let isRaining = true;
if (isRaining) {
console.log("Don't forget to take an umbrella!");
}
else {
console.log("No need for an umbrella today!");
}
let isRaining: boolean = true;
if (isRaining) {
console.log("Don't forget to take an umbrella!");
} else {
console.log("No need for an umbrella today!");
}
1.4 Тип null
Тип null представляет значение, которое указывает на отсутствие значения. В TypeScript null является допустимым значением для всех типов, если не включен строгий режим (strictNullChecks).
Объявление значения null
Пример:
let emptyValue: null = null;
let name: string | null = null;
Использование значения null
Пример использования:
"use strict";
function greet(name) {
if (name === null) {
return "Hello, guest!";
}
else {
return `Hello, ${name}!`;
}
}
console.log(greet(null)); // Вывод: Hello, guest!
console.log(greet("Alice")); // Вывод: Hello, Alice!
function greet(name: string | null): string {
if (name === null) {
return "Hello, guest!";
} else {
return `Hello, ${name}!`;
}
}
console.log(greet(null)); // Вывод: Hello, guest!
console.log(greet("Alice")); // Вывод: Hello, Alice!
1.5 Тип undefined
Тип undefined представляет значение, которое указывает на необъявленное или неопределенное значение. Переменная, которая была объявлена, но не инициализирована, имеет значение undefined по умолчанию.
Объявление значения undefined
Пример:
let notInitialized: undefined = undefined;
let value: number | undefined;
Использование значения undefined
Пример использования:
"use strict";
function printValue(value) {
if (value === undefined) {
console.log("Value is undefined");
}
else {
console.log(`Value is ${value}`);
}
}
printValue(undefined); // Вывод: Value is undefined
printValue(42); // Вывод: Value is 42
function printValue(value: number | undefined): void {
if (value === undefined) {
console.log("Value is undefined");
} else {
console.log(`Value is ${value}`);
}
}
printValue(undefined); // Вывод: Value is undefined
printValue(42); // Вывод: Value is 42
Строгий режим null и undefined
Включение строгого режима (strictNullChecks) в TypeScript заставляет компилятор проверять, чтобы переменные, которые могут быть null или undefined, были явно обработаны. Это помогает избежать ошибок, связанных с неопределенными или отсутствующими значениями.
Пример настройки strictNullChecks
Пример tsconfig.json:
{
"compilerOptions": {
"strictNullChecks": true
}
}
1.6 Пример использования всех примитивных типов
В этом примере мы объявляем переменные каждого примитивного типа и выводим их значения в консоли:
"use strict";
// Примитивные типы в TypeScript
// Тип string
let greeting = "Hello, TypeScript";
console.log(greeting);
// Тип number
let decimal = 10;
let hex = 0x10;
let binary = 0b1010;
let octal = 0o12;
console.log(`Decimal: ${decimal}, Hex: ${hex}, Binary: ${binary}, Octal: ${octal}`);
// Тип boolean
let isTypeScriptAwesome = true;
console.log(`Is TypeScript awesome? ${isTypeScriptAwesome}`);
// Тип null
let nothing = null;
console.log(`Nothing: ${nothing}`);
// Тип undefined
let notDefined = undefined;
console.log(`Not defined: ${notDefined}`);
// Примитивные типы в TypeScript
// Тип string
let greeting: string = "Hello, TypeScript";
console.log(greeting);
// Тип number
let decimal: number = 10;
let hex: number = 0x10;
let binary: number = 0b1010;
let octal: number = 0o12;
console.log(`Decimal: ${decimal}, Hex: ${hex}, Binary: ${binary}, Octal: ${octal}`);
// Тип boolean
let isTypeScriptAwesome: boolean = true;
console.log(`Is TypeScript awesome? ${isTypeScriptAwesome}`);
// Тип null
let nothing: null = null;
console.log(`Nothing: ${nothing}`);
// Тип undefined
let notDefined: undefined = undefined;
console.log(`Not defined: ${notDefined}`);
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ