TypeScript ??? ???? ??? ???? TS ???????? ????? ?? ??????. ??? ??? ????? TypeScript? ??? ??, ??? ? ??? ??????. ??? TypeScript? ???? TypeScript? JavaScript ???? ??? ?????? ? ?????? ???? ?? ??? ???? ??? ??? ???? ??? TS ???????? ???????.

??????? ??????

??? ??? TypeScript

TS ????????? ?? ???? TypeScript? JavaScript? ?? ???? ???? ??? Microsoft? ??? ????? ?????. ??? ?? ??? ? ?? ?? ? ?? ?? ??? ? ??? ??? ??? ???? ?????. ?? ?? ??? TypeScript? ??? ?????? JavaScript? ???? ?????.

TypeScript? ???? ??? ??????

TypeScript ? JavaScript ???? TypeScript? ?? ?? ??? ??? ?????. ???? ?? ??? ??? ??? ? ?? JavaScript? ?? TypeScript? ?? ?? ??? ??? ?????. ?? ?? ??? ???? ??? ???? ???? ?? ?? ??? ???? ???? ??? ??? ???? ? ??? ???.

?? ??

1. ?? ??: ??? ??? ???? ?? ??? ???? ?? ?? ??? ?????.
2. ?? ?? ?????: ? ?? ?? ??? ?? ???? ??? ?????.
3. ???: ?? ??? ????? ?? ??? ??? ?? ??? ?????.
4. ?? ??: ??? ??? ?? ES6 ??? ???? JavaScript?? TypeScript? ???? ??? ? ????.

TypeScript ? JavaScript

TypeScript? JavaScript? ??? ??? ????? ?? ?? ??? ????. JavaScript? ???? ??? ????? ??? ????? ???? ???? ??, TypeScript? ?? ??? ??? ??? ??????? ? ??? ?? ??? ?????.

1. ?? ???

JavaScript? ???? ??? ?????. ?, ?? ??? ???? ?????. ????? TypeScript? ?? ???? ???? ?? ?? ??? ?????.

??????:

function add(a, b) {
  return a + b;
}
console.log(add(5, "10")); // Output: "510"

??????:

function add(a: number, b: number): number {
  return a + b;
}
// TypeScript will throw an error if you pass a string instead of a number.

TypeScript? ??? ????? ??? ??? ??? ?? ???? ???? ??? ?????.

2. ???? ?????

TypeScript? ???, ?????, ??? ???(??, ???, ??)? ?? ?? ?? ????? ??? ?????.

??????:

function add(a, b) {
  return a + b;
}
console.log(add(5, "10")); // Output: "510"

??????:

function add(a: number, b: number): number {
  return a + b;
}
// TypeScript will throw an error if you pass a string instead of a number.

TypeScript? ??? ?? ??? ? ???? ?? ??? ? ????.

3. ??? ?? ?? ??

TypeScript? ??? ??? ??? ???? ??? ??? ????. ??? JavaScript??? ??? ??? ???? ?? ??? ?? ??? ???? ?????.

??????:

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function () {
  return `Hello, my name is ${this.name}.`;
};

??????:

function add(a: number, b: number): number {
  return a + b;
}
// TypeScript will throw an error if you pass a string instead of a number.

??? ?? ??? ??? ??? ????.

??? TypeScript ???????

??? TypeScript? ???, ???, ???? ?? ?? ???? TS ??????????.

1. TypeScript ???????(??)

?? TypeScript Playground? TypeScript? ????? ???? ?? Microsoft?? ??? ?? ?????. ??? ???? ?? ???? TypeScript ?? ? ??? ????? ???? ?? ???????.

??:

• ??? ??: TypeScript? JavaScript? ?? ???? TypeScript? ????? ??? ???? ? ??? ???.
• ?? ??: ????? ??? ??? ????? ???? ?? ???? ? ????.
• ?? ??: ?? ??? ??? ???? ???, ?????, ?? ???? ?? ?? TypeScript ??? ?? ??? ? ????.
• ??? ?? ??? ???? ??: TypeScript ??? ????? ?? ??? ??? ?? ?????? ??? ?? ?????.

????:

• ??? ???????? ?? ?? ?????? ???? ????.
• ?? ?????? ?????? ???? ?? TypeScript ?? ???? ?????.

??? ???? ??:

• TypeScript ?? ??, ?? ???, ???? ?? ??? ?? ?????.

TypeScript Playground ???? ?????.

2. ??????

CodeSandbox? TypeScript? ???? ?? ????? ???? ???? ?? ??? ??? ??? ??? TS Playground???. ?? ???? ?????, ??? ?? ?? ? npm ??? ????? ?? ? ?? ??? ?? ??? ??? ???.

??:

• ????? ??: TypeScript? React, Vue, Angular ? ?? ?????? ???? ?????.
• ??? ????: ??? ???? ?? ?????? ????? ?????.
• NPM ??: ???? ??? ?? ?? ?????? ???? ??????.
• ???? ??: ????? ????? ???? ??? ?????.
• GitHub ??: GitHub ????? ????? ?? ???? ??? ? ????.

????:

• ??? ?? ??? ??? ???? ??????? ??? ??? ? ????.
• ??? ????? ?? ?? ??? ????? ?? ??? ?????.

??? ???? ??:

• ?? ????? ?????? ???? TypeScript ????? ??, ??? ? ???? ? ?????.

CodeSandbox ???? ??????.

3. ?????

StackBlitz? ??? ????? ??? ??? IDE???. ?? ???? ?????? ?? TypeScript? ???? ???? ?? ? ???? ?? ?? ???? ?? ??? ?????.

??:

• ?? ??: ?? ?? ?? ??? ?????.
• ????? ??: Angular, React ?? Vue? TypeScript ????? ?????.
• ???? ??: ??? ??? ???? ??? ?? ??? ??? ? ? ????.
• GitHub ???: ???? ?? ??? ?? ???? ?? ????? ??? ? ????.
• ??? ????: ??? ??????? ?? ????? ????? ?????.

????:

• ?? IDE? ?? ??? ??? ??????.
• ?? ?? ???? ?? ?? ?? ??? ????? ??? ?????.

??? ???? ??:

• ?? ??????, TypeScript ?? ??, ???? ??? ?????.

StackBlitz ???? ??????.

4. ??

Replit? TypeScript ? ?? ??? ???? ???? ?? IDE? ??? ???? ??? ???. ???? ?? ???? ???? ??? ????? ????? ?????.

??:

• ???? ?? ???: ?? ?????? ???? ? ???? ?? ??? ???? ????.
• ??? ??: ?? ?????? ? ??? ?? ?????.
• ?? ???: TypeScript ??????? ?? ???? ?????.
• ??? ??: ?? ?????? ??? ????? ?????.
• ??? ?? ??: TypeScript? Replit? ???? ?? ?? ? ??? ???? ??? ????? ???? ??? ? ????.

????:

• ??? ???? ????? ?? ????? ?? ??? ??? ? ????.
• ??? ???? ?? ?? ?????? UI? ???? ??? ? ????.

??? ???? ??:

• ??? ? ?? ??? ??? ?? TypeScript ?? ? ????? ?????.

???? ???? ??????.

5. JSFiddle

JSFiddle? HTML ? CSS? ?? TypeScript? ????? ? ??? ?? ??????????. ?? ??? ?? ?? ?? ??? ?? ??? ?????.

??:

• ??? ?????: TypeScript, HTML ? CSS ??? ?? ???? ?? ???.
• ?? ??: ??? ????? ??? ????? ?????.
• ?? ??: ???? ?? ????? ?? ??? ??? ? ????.
• ?? ???: ?? ??? ??? ???? ??? ?? ??? ????.

????:

• ????? ??? ?????. ?? ?? ?? ??? ?????? ???? ????.
• ??? ??? ????? ??? ?? ??? ?????.

??? ???? ??:

• ?? ???, ?? ? ???? ??? TypeScript ?? ??? ?????.

JSFiddle ???? ?????.

??

TypeScript? ?? ???? ??? ??? ?? JavaScript? ???? ?? ??? ????? ??????. JavaScript? ???? ????? TypeScript? JavaScript? ???? ?? ?? ? ?? ?? ???? TypeScript? ??? ? ? ????. ??? ?? ?? TypeScript Playground? ? ??? ?? CodeSandbox? ?? ??? TS ???? ???? ????? ????? ?? ??? ???? ? ????.

? ??? TS Playground: TypeScript ???? ?? ??? ??? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!