TypeScript Tutorial #7 - Delayed Initialization

Опубликовано: 22 Июнь 2021
на канале: Free Tutorial Wale

#Delayed #Initialization

Quite commonly in JavaScript code bases, you would initialize object literals in the following manner:

let foo = {};
foo.bar = 123;
foo.bas = "Hello World";

As soon as you move the code to TypeScript you will start to get Errors like the following:

let foo = {};
foo.bar = 123; // Error: Property 'bar' does not exist on type '{}'
foo.bas = "Hello World"; // Error: Property 'bas' does not exist on type '{}'
This is because from the state let foo = {}, TypeScript infers the type of foo (left-hand side of initializing assignment) to be the type of the right-hand side {} (i.e. an object with no properties). So, it error if you try to assign to a property it doesn't know about.

Of course using the any assertion can be very bad as it sort of defeats the safety of TypeScript. The middle ground fix is to create an interface to ensure
1. Good Docs
2. Safe assignment

This is shown below:

interface Foo {
bar: number
bas: string
}

let foo = {} as Foo;
foo.bar = 123;
foo.bas = "Hello World";

Here is a quick example that shows the fact that using the interface can save you:
interface Foo {
bar: number
bas: string
}

let foo = {} as Foo;
foo.bar = 123;
foo.bas = "Hello World";

// later in the codebase:
foo.bar = 'Hello Stranger'; // Error: You probably misspelled `bas` as `bar`, cannot assign string to number

На этой странице сайта вы можете посмотреть видео онлайн TypeScript Tutorial #7 - Delayed Initialization длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Free Tutorial Wale 22 Июнь 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 40 раз и оно понравилось 0 зрителям. Приятного просмотра!

91,416

6.9 тыс