Oto prosty przykład, aby zrozumieć, dlaczego powinniśmy zdefiniować interfejs i inteligentne użycie interfejsu.

Dość długo, pomimo zdefiniowania interfejsu, zapominamy o celu końcowym lub o tym, dlaczego zdefiniowaliśmy interfejs.

Przeanalizujmy poniższy przykład, aby lepiej go zrozumieć.

Tutaj widzimy, że z trzech konsol próbujemy uzyskać dostęp do niewłaściwej właściwości w 2 konsolach, ale maszynopis wykrywa błąd tylko w trzeciej konsoli, ponieważ zgodnie ze zdefiniowanym interfejsem i kodem oczekiwano tylko 2 właściwości, więc jeśli użytkownik spróbuje uzyskać dostęp do nieprawidłowej właściwości, maszynopis wyświetli go jako błąd i spowoduje błąd kompilacji.

Tutaj pojawiło się pytanie, jakie byłyby wyniki konsoli dla wszystkich trzech? Tak więc wyniki powyższej konsoli byłyby mniej więcej takie. Ale ten błąd nadal byłby obecny w pliku .ts

Wniosek

Powinien zawsze uzyskiwać dostęp do właściwości obiektów w maszynopisie, takim jak Object.property , a nie jak Object['property'].

Dodatkowa wskazówka

Unikaj używania klas javascript podczas definiowania interfejsu w maszynopisie, takim jak String, Number, Boolean. Te typy odnoszą się do nie-prymitywnych obiektów w ramkach.

Zamiast tego użyj klas TypeScript, takich jak string, number i boolean.