Genau Ihr Typ: Bei JavaScript und TypeScript nach rechts wischen

Inhaltsverzeichnis:

• Einführung
• Skizze
  • Typprüfung
  • Funktionen
  • Teamarbeit
• Lessons Learned
• Nächste Schritte
• Ressourcen

---

Einführung

Webentwicklung kann sich manchmal wie der Wilde Westen der Programmierwelt anfühlen. Es gibt so viele Frameworks und Bibliotheken, mit denen man arbeiten kann, und oft kann es überwältigend sein. Wenn Sie so denken, bin ich hier, um Ihnen zu sagen, dass Sie nicht allein sind. Als ich meine Ausbildung begann, wusste ich nicht, welche Technologie ich zu meinem Tech-Stack hinzufügen wollte. Ich wusste, dass mir die Frontend-Entwicklung Spaß macht, hatte aber keine Ahnung, welchen Weg ich einschlagen sollte, um meine Fähigkeiten in diesem Bereich zu verbessern. Und so habe ich beschlossen, das Beste zu tun, was man tun kann, wenn man sich über etwas unsicher ist: Jemanden mit mehr Erfahrung fragen. Ich habe meinen Mentor konsultiert und er hat mir mitgeteilt, dass TypeScript in den Entwicklungsteams vieler Unternehmen schnell zu einer wertvollen Ressource geworden ist. Ich habe noch etwas recherchiert und fand TypeScript sehr ansprechend; Ich bin ein Detailmensch und die Granularität von TypeScript bot eine unterhaltsame, neue Art des Codierens.
Meine anfängliche Unsicherheit inspirierte mich dazu, eine kleine Skizze zu schreiben. Mein Dilemma erinnerte mich an die Dating-Shows, die man vielleicht bis spät in die Nacht gedankenlos gesehen hat, und ich beschloss, das als Schauplatz für meinen Sketch zu verwenden. Ohne weitere Umschweife bringe ich Ihnen:

FULL STACK FLIRTEN

[FUNKY INTRO MUSIK SPIELT]

LUKE L. GASTGEBER: Willkommen zurück bei „Full Stack Flirting“! Luke L. Gastgeber hier mit einem anderen Entwickler, der auf der Suche nach seiner einzigen wahren Liebe ist. Wird unser Star sein Herz in die Produktion stecken? Oder werden sie auf Single umsteigen? Finden wir es heraus und treffen wir unseren Programmierer.

[PROGRAMMIERER TRITT EIN]

NICOLE:Hallo Luke, schön, hier zu sein.

GASTGEBER: Schön, dass du da bist! Nun, wie heißt du und was erhoffst du dir von der kleinen Produktion hier?

NICOLE:Ich bin Nicole und versuche zu entscheiden, welche Sprache ich zu meiner permanenten Tech-Stack-Rotation hinzufügen soll. Ich habe heute zwei Verehrer mitgebracht; JavaScript, meine alte Flamme, und TypeScript, mein plötzlicher Verehrer.

GASTGEBER: Klingt scharf! Warum lernen wir nicht jetzt unsere beiden Sprachen kennen?

[SPRACHEN EINGEBEN]

JAVASCRIPT: Hallo zusammen. Ich bin JavaScript.

TYPESCRIPT: Und ich bin TypeScript.

GASTGEBER: Schön, Sie beide kennenzulernen! Okay, Nicole, lass uns gleich eintauchen. JavaScript, du bist schon eine Weile dabei. Was macht Sie zur besten Wahl für Nicoles Tech-Stack?

JAVASCRIPT: Nun, Luke, ich bin seit Jahrzehnten das Rückgrat des Webs. Ich bin zuverlässig und flexibel und meine Syntax ist sehr leicht zu erlernen. Außerdem habe ich eine riesige Community – Stack Overflow wird für mich Ihr bester Freund sein.

GASTGEBER: Beeindruckend, aber ich habe gehört, Sie haben ein bisschen ... Gepäck? Vielleicht von der Legacy-Variante?

JAVASCRIPT: Hey, jetzt habe ich modernisiert! ES6 ist da und es hat mich besser denn je gemacht.

GASTGEBER: Zur Kenntnis genommen. Nun, TypeScript, was zeichnet Sie als Bewerber aus?

TYPESCRIPT: Nun, Luke, ich nehme all die tollen Dinge an JavaScript und füge ein wenig Struktur hinzu. Ich bin wie JavaScript … aber besser. Ich helfe dabei, Fehler zu vermeiden und das Debuggen zum Kinderspiel zu machen. Eine Entwicklerin wie Nicole verdient etwas Sichereres und Zuverlässigeres. So etwas wie ich.

HOST: Sicher und zuverlässig – Musik in den Ohren eines Programmierers. Aber manche sagen, dass Sie ein bisschen … pflegeintensiv sind?

TYPESCRIPT:Überhaupt nicht, Luke. Sobald man mich kennengelernt hat, bin ich super zugänglich. Wenn Nicole JavaScript kennt, wird der Wechsel zu mir ein Kinderspiel sein.

GASTGEBER: Nicole, du hast eine ziemliche Entscheidung vor dir. JavaScript bringt Nostalgie und Einfachheit mit sich, aber TypeScript bietet das Sicherheitsnetz, nach dem wir uns alle in Liebe und Code sehnen. Sind Sie bereit, sich zu verpflichten, oder benötigen Sie noch ein paar Funktionsdemos?

NICOLE: Ich denke, ich muss noch ein paar Tests durchführen…

HOST: Okay, schauen wir uns das wirkliche Detail an: Codekompatibilität! JavaScript, TypeScript, Sie haben Nicoles Aufmerksamkeit erregt, aber jetzt ist es an der Zeit, Ihre besten Funktionen zu zeigen. JavaScript, warum fängst du nicht an?

JAVASCRIPT: Gerne! In meinem Fall halte ich es gerne einfach. So deklariere ich eine Variable:

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

Keine Typen, kein Schnickschnack – nur reiner, ungefilterter Code. Lässig und einfach.

GASTGEBER: Mühelos, aber manche sagen vielleicht ein wenig… zu lässig. TypeScript, was ist mit dir?

TYPESCRIPT: Luke, ich mag ein wenig Klarheit in meinen Beziehungen. Sehen Sie sich das an:

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

Sehen Sie? Ich stelle sicher, dass es keine Verwirrung darüber gibt, mit welchen Daten Nicole arbeitet. Eine starke Kommunikation ist der Schlüssel.

NICOLE: Hmm, ich liebe Klarheit ... JavaScript, was passiert, wenn ich das versuche?

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

JAVASCRIPT: Schauen Sie, ich bin flexibel! Wer sagt, dass favoriteFood keine Zahl sein kann? Mir geht es darum, mit dem Strom zu schwimmen.

TYPESCRIPT: Da komme ich ins Spiel, Nicole. Ich hätte diesen Fehler bemerkt, bevor Sie den Code überhaupt ausgeführt haben:

// Error: Type 'number' is not assignable to type 'string'.

Sehen Sie? Ich stehe immer hinter dir.

HOST: Okay, lass uns über Funktionen reden. JavaScript, wie gehen Sie damit um?

JAVASCRIPT: Ich mag es, Dinge offen zu halten. Nehmen wir an, Nicole möchte eine Funktion schreiben, um zwei Zahlen zu addieren:

let favoriteFood = "sushi"; 
console.log(favoriteFood); // sushi

Keine große Sache, wenn Nicole da eine Schnur reinsteckt – ich sorge dafür, dass es klappt!

TYPESCRIPT: Damit es funktioniert? Das ist nicht gerade eine nachhaltige Grundlage. Nicole, ich glaube daran, Erwartungen im Voraus zu formulieren:

let favoriteFood: string = "sushi";  
console.log(favoriteFood); // sushi

Bei mir gibt es kein Raten – Ihre Ein- und Ausgänge sind kristallklar.

NICOLE: Wow, ihr zwei habt wirklich unterschiedliche Herangehensweisen. JavaScript, du bist so anpassungsfähig ... aber TypeScript, du bist wie ein Sicherheitsnetz, von dem ich nicht wusste, dass ich es brauche!

GASTGEBER: Klingt, als hätte unser geliebter Entwickler viel zu bedenken! Kommen wir zu einer letzten Frage: Wie gehen Sie mit … Teamarbeit um? Wie arbeitet man in einer großen, komplizierten Beziehung – wie einer Full-Stack-App?

JAVASCRIPT: Teamarbeit? Ich gedeihe im Chaos der Zusammenarbeit. Ich kann mich überall und mit jedem integrieren. Hier verwende ich ein Versprechen, um asynchrone Arbeit zu erledigen:

favoriteFood = 42;
console.log(favoriteFood); // 42... wait, what?

Ich bin unkompliziert und anpassungsfähig.

TYPESCRIPT: Sicher, aber seien wir ehrlich, JavaScript – in großen Teams kann man etwas nachlässig werden. Ich bringe Struktur und Verantwortung in die Beziehung:

// Error: Type 'number' is not assignable to type 'string'.

Sehen Sie? Ich stelle sicher, dass jeder genau weiß, was ihn erwartet; Keine Überraschungen, kein unnötiges Drama.

GASTGEBER: Nicole, du hast mit diesen beiden alle Hände voll zu tun. Möchten Sie den Abenteuergeist von JavaScript oder die zuverlässige Struktur von TypeScript? Ich denke, wir überlassen diese Entscheidung Ihnen – bis zum nächsten Mal bei Full Stack Flirting!

[FUNKY OUTRO MUSIK SPIELT]

---

Durch meine Erkundung habe ich einige wichtige Lektionen über TypeScript gelernt, die meiner Meinung nach anderen dabei helfen könnten, ihr Lernen zu beschleunigen:

• Beginnen Sie mit den JavaScript-Grundlagen: Wenn Sie zunächst JavaScript verstehen, wird der Übergang zu TypeScript erheblich einfacher.
• TypeScript ergänzt JavaScript, ersetzt es nicht: Stellen Sie sich TypeScript als ein weiteres Tool in Ihrer Webentwicklungs-Toolbox vor.
• Achten Sie auf die Skalierbarkeit: Bei der Arbeit an großen Projekten oder in Teams glänzt die Struktur von TypeScript, indem sie kleine Probleme verhindert davor, zu großen Problemen zu werden.

Wie das Ende dieser Skizze zeigt, bin ich selbst immer noch unsicher, ob ich TypeScript oder JavaScript als meine primäre Programmiersprache verwenden werde; Beide bieten ihre Vor- und Nachteile. Ich muss sagen, dass mein Ausflug in TypeScript interessant war. Ich werde mein Erlernen von TypeScript fortsetzen, indem ich ein kleines Projekt aufbaue, um mich an die Anwendung der einzigartigen Funktionen zu gewöhnen. Beim Erstellen dieses Projekts werde ich versuchen, Technologien zu implementieren, mit denen ich bereits vertraut bin, wie z. B. Vite oder React. Ich habe auch vor, tiefer in die Next.js-Dokumentation einzutauchen und zu lernen, wie man sie am besten nutzt.

Wenn Sie selbst in TypeScript einsteigen möchten, finden Sie hier einige Ressourcen, die für Sie hilfreich sein könnten:

• Lernen Sie den TypeScript-Leitfaden auf FreeCodeCamp
• TypeScript für Anfänger durch Programmieren mit Mosh
• Next.js-Dokumente
• Next.js beherrschen von Lee Robinson

Das obige ist der detaillierte Inhalt vonGenau Ihr Typ: Bei JavaScript und TypeScript nach rechts wischen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!