א פּשוט הקדמה צו Typescript

טיפּ סקריפּט קאַמפּיילער

די TypeScript קאַמפּיילער איז אַ דזשאַוואַסקריפּט פּראָגראַם וואָס קאַנווערץ TypeScript קאָד אין קלאָר דזשאַוואַסקריפּט קאָד. עס איז געשריבן אין TypeScript און קענען זיין לויפן אויף קיין פּלאַטפאָרמע וואָס שטיצט דזשאַוואַסקריפּט. די TypeScript קאַמפּיילער איז אָפֿן מקור און בנימצא אויף גיטהוב. דער קאַמפּיילער איז דעוועלאָפּעד און מיינטיינד דורך מייקראָסאָפֿט און קענען ווערן גענוצט פֿון די באַפֿעלן שורה, אָדער עס קענען זיין געוויינט ווי אַ פּלוג-אין פֿאַר פאָלקס IDEs אַזאַ ווי וויסואַל סטודיאָ און וועבסטאָרם.

די TypeScript קאַמפּיילער קענען אַרויסלאָזן דזשאַוואַסקריפּט קאָד וואָס איז קאַמפּאַטאַבאַל מיט פאַרשידענע דזשאַוואַסקריפּט רונטימז, אַזאַ ווי Node.js, Internet Explorer און קראָום. עס קענען אויך דזשענערייט מקור מאַפּס, וואָס מאַפּע די דזשענערייטאַד דזשאַוואַסקריפּט קאָד צוריק צו די TypeScript קאָד. דאָס אַלאַוז דיבאַגינג פון די TypeScript קאָד אין דעם בלעטערער.

דער קאַמפּיילער קענען זיין קאַנפיגיערד צו קאָנטראָלירן פֿאַר טיפּ ערראָרס, און וועט באַריכט ערראָרס אויב עס זענען געפֿונען. טיפּ קאָנטראָלירונג קענען זיין פאַרקריפּלט אויב איר ווילט. די TypeScript קאַמפּיילער איז בארעכטיגט אונטער די Apache 2.0 אָפֿן מקור דערלויבעניש.

נישט א שטארק געטייפטע שפראך

טיפּסקריפּט איז נישט אַ שטאַרק טייפּט שפּראַך ווייַל עס טוט נישט דאַרפן וועריאַבאַלז צו זיין דערקלערט מיט אַ ספּעציפיש טיפּ. דעם מיטל אַז אַ בייַטעוודיק קענען זיין דערקלערט ווי איין טיפּ און דעמאָלט ריאַסיינד צו אַ ווערט פון אן אנדער טיפּ. דאָס קען פירן צו ערראָרס אויב די וועריאַבאַלז איז געניצט אין אַ וועג וואָס איז נישט קאַמפּאַטאַבאַל מיט דעם טיפּ וואָס עס איז דערקלערט ווי.

א גרונט ביישפּיל צו אילוסטרירן דעם כאַראַקטעריסטיש קענען זיין געוויזן מיט דעם טיפּ "קיין".

// We initialze the variable as a string.
const something: any = "Tom";

// Now it's a number. This is valid TypeScript code.
something = 42;

קאַמפּיילינג TypeScript צו דזשאַוואַסקריפּט

די TypeScript קאַמפּיילער נעמט TypeScript קאָד און קאַנווערץ עס אין קלאָר דזשאַוואַסקריפּט קאָד. דעם פּראָצעס איז באקאנט ווי טראַנספּילאַטיאָן. דער קאַמפּיילער ערשטער פּאַרסיז די TypeScript קאָד, וואָס טשעקס פֿאַר סינטאַקס ערראָרס. אויב קיין ערראָרס זענען געפֿונען, דער קאַמפּיילער טשעק פֿאַר טיפּ ערראָרס. אויב קיין טיפּ ערראָרס זענען געפֿונען, דער קאַמפּיילער וועט באַריכט זיי און אַרויסגאַנג.

אויב קיין טיפּ ערראָרס זענען געפֿונען, דער קאַמפּיילער וועט פאָרזעצן און אַרויסלאָזן די דזשאַוואַסקריפּט קאָד. די ימיטיד דזשאַוואַסקריפּט קאָד וועט זיין קאַמפּאַטאַבאַל מיט די ציל דזשאַוואַסקריפּט רונטימע וואָס איז ספּעסיפיעד.

די TypeScript קאַמפּיילער קענען אויך דזשענערייט מקור מאַפּס, וואָס מאַפּע די דזשענערייטאַד דזשאַוואַסקריפּט קאָד צוריק צו די TypeScript קאָד. דאָס אַלאַוז דיבאַגינג פון די TypeScript קאָד אין דעם בלעטערער.

טיפּסקריפּט שפּראַך סערווער

די TypeScript שפּראַך סערווער איז אַ שפּראַך סערווער וואָס גיט פֿעיִקייטן אַזאַ ווי קאָד קאַמפּלישאַן, גיין-צו-דעפֿיניציע און טיפּ קאָנטראָלירונג פֿאַר TypeScript פּראַדזשעקס.

דער שפּראַך סערווער איז פארלאנגט פֿאַר די TypeScript קאַמפּיילער צו קענען צושטעלן די פֿעיִקייטן. אָן די שפּראַך סערווער, די TypeScript קאַמפּיילער וואָלט נאָר קענען צו צושטעלן יקערדיק פֿעיִקייטן אַזאַ ווי סינטאַקס כיילייטינג און קאָד פאָרמאַטטינג. די TypeScript שפּראַך סערווער איז אָפֿן מקור און בנימצא אויף GitHub.

סטעפּס צו שאַפֿן אַ TypeScript פּרויעקט

איידער דיסקרייבינג די סטעפּס, דאָ איז די באַפֿעל צו ינישאַלייז אַ TypeScript פּרויעקט אין דיין וואָקזאַל.

npx tsc --init

באַשרייַבונג: ינסטאַלירן די TypeScript קאַמפּיילער. שאַפֿן אַ tsconfig.json טעקע אין דער וואָרצל פון די פּרויעקט. דער טעקע כּולל די קאַמפּיילער אָפּציעס פֿאַר די TypeScript קאַמפּיילער. לייג די src וועגווייַזער צו די tsconfig.json טעקע. דאָס איז ווו די TypeScript מקור טעקעס וועט זיין ליגן.

לייג אַ main.ts טעקע אין די src וועגווייַזער. דאָס איז די פּאָזיציע פונט פֿאַר די TypeScript פּראָגראַם. קאַמפּייל די TypeScript קאָד דורך פליסנדיק tsc פֿון די באַפֿעלן שורה. דעם וועט דזשענערייט די דזשאַוואַסקריפּט טעקעס אין די src directory.Run די TypeScript פּראָגראַם דורך פליסנדיק נאָדע main.js פֿון די באַפֿעלן שורה.

דיפעראַנסיז צווישן TypeScript און JavaScript

עס זענען אַ ביסל שליסל דיפעראַנסיז צווישן TypeScript און אנדערע שטארק טייפּט שפּראַכן: TypeScript איז אַ סופּערסעט פון דזשאַוואַסקריפּט, וואָס מיטל אַז קיין גילטיק דזשאַוואַסקריפּט קאָד איז אויך גילטיק TypeScript קאָד. דאָס מאכט עס גרינג צו אַדאַפּט פֿאַר יגזיסטינג דזשאַוואַסקריפּט פּראַדזשעקס.

TypeScript ניצט אַן אַפּשאַנאַל טיפּ סיסטעם, וואָס מיטל אַז טייפּס קענען זיין ספּעסיפיעד פֿאַר וועריאַבאַלז, אָבער עס איז נישט פארלאנגט. אנדערע שטארק טייפּט שפּראַכן, אַזאַ ווי סוויפט און קאָטלין, נוצן אַ מאַנדאַטאָרי טיפּ סיסטעם, וואָס ריקווייערז אַלע וועריאַבאַלז צו זיין דערקלערט מיט אַ ספּעציפיש טיפּ.

TypeScript שטיצט דזשאַנעריקס, וואָס אַלאַוז טיפּ-זיכער זאַמלונגען און אנדערע דאַטן סטראַקטשערז. דאָס איז ניט בנימצא אין דזשאַוואַסקריפּט.

ווען זאָל איך נוצן Javascript אַנשטאָט פון Typescript פֿאַר קאָדירונג?

עס איז קיין שווער הערשן פֿאַר ווען צו נוצן דזשאַוואַסקריפּט אָדער TypeScript. עס איז אַרויף צו די דעוועלאָפּער צו קלייַבן די רעכט געצייַג פֿאַר די אַרבעט. אָבער, עס זענען עטלעכע גענעראַל גיידליינז וואָס קענען זיין נאכגעגאנגען.

אויב אַ פּרויעקט איז שוין געשריבן אין דזשאַוואַסקריפּט, עס איז יוזשאַוואַלי בעסטער צו פאָרזעצן ניצן דזשאַוואַסקריפּט. עס איז ניט דאַרפֿן צו בייַטן די קאָד צו TypeScript נאָר פֿאַר די נוצן פון TypeScript. אָבער, האַלטן אין מיינונג אַז אָנהאַלטן אַ דזשאַוואַסקריפּט-פּראָיעקט קענען זיין האַרדער רעכט צו דער פעלן פון אַ טיפּ סיסטעם וואָס פירן צו פאַרבאָרגן באַגז. דעריבער, עס איז בעסטער צו באַטראַכטן אַדאַפּטינג TypeScript אויב די פּרויעקט וועט זיין מיינטיינד (און עקסטענדעד) אין דער צוקונפֿט.

אויב אַ פּרויעקט איז סטאַרטינג פֿון קראַצן, עס איז יוזשאַוואַלי בעסטער צו נוצן TypeScript. דאָס וועט לאָזן בעסער קאָד אָרגאַניזאַציע און וישאַלט אין די לאַנג לויפן.

פּשוט ביישפילן

// TypeScript.
class Person {
  name: string;
  age: number;
}

const person: Person = new Person();
const person.name = "Tom";
const person.age = 42;

// JavaScript.
var Person = function() {};
Person.prototype.name = "";
Person.prototype.age = 0;

// TypeScript.
// Here's we're also using the class, but this
// time conforming to an interface, something that
// doesn't exist in JavaScript.
interface IPerson {
  name: string;
  age: number;
}

class Person implements IPerson {
  name: string;
  age: number;
}

// JavaScript.
var IPerson = function() {};
IPerson.prototype.name = "";
IPerson.prototype.age = 0;

var Person = function() {};
Person.prototype = Object.create(IPerson);

קלאָוזינג ווערטער

TypeScript איז אַ שטאַרק שפּראַך וואָס קענען העלפֿן פֿאַרבעסערן די קוואַליטעט פון דיין קאָד. עס איז גרינג צו אָנהייבן מיט, און קענען זיין געוויינט אויף קיין פּלאַטפאָרמע וואָס שטיצט דזשאַוואַסקריפּט. דער אַרטיקל האָט בלויז געגעבן אַ זייער קורץ הקדמה, ווייַל די שפּראַך גיט פיל מער פֿעיִקייטן און קאַנסעפּס צו לערנען איצט.

קוק די לינקס אין די אַדענדום אין די סוף פון די בלאַט פֿאַר עטלעכע נוציק לערנען מאַטעריאַלס.