TypeScript. Интерфейсы

Главная » Видеоуроки » JavaScript » TypeScript. Интерфейсы
В этом уроке мы поговорим об интерфейсах в TypeScript.
Как мы знаем, в JavaScript есть несколько встроенных типов. Но часто в наших программах мы используем объекты с различной структурой и вложенностью свойств. Для типизации таких объектов в TypeScript используют интерфейсы.
Описание интерфейсов может содержать как свойства так и методы.
Интерфейс по своей сути обязывает реализовать все свойства и методы, которые определены в интерфейсе. Но можно определять свойства и методы интерфейса как опциональные при помощи знака вопроса.

Код урока

interface Product {
	id: number;
	name: string;
	category: Category;
	getCategoryId: (categoryId: number) => void
}

interface Category {
	id: number;
	name: string;
}

interface ProductType {
	[id: number]: string;
}


interface Figure {
	name: string;
}

interface Triangle extends Figure {
	corners: number;
}

let product: Product = {
	id: 1,
	name: 'iphone',
	category: {
		id: 1,
		name: 'smartphones'
	},
	getCategoryId: (categoryId) => {
		console.log(++categoryId)
	}
}

console.log(product);
product.getCategoryId(2);

let types: ProductType = ['STOCK', 'SOLVED'];
console.log(types)
console.log(types[0]);


let triangle: Triangle = {
	name: 'triangle',
	corners: 1
};

console.log(triangle);

0 Комментариев

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.

Pin It on Pinterest

Share This