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 Комментариев