ऑनलाइन TypeScript कंपाइलर – अपने ब्राउज़र में TypeScript चलाएं

हमारे ऑनलाइन TypeScript कंपाइलर का उपयोग करके ब्राउज़र में तुरंत TypeScript कोड लिखें, कंपाइल करें और चलाएं। TypeScript सीखने वाले डेवलपर्स या तुरंत कोड टेस्ट करने के लिए यह एकदम सही है।

संस्करण

नमूना

🚀 कुल निष्पादन ( इस महीने)

📚 आजकल सभी Typescript सीख रहे हैं – क्या आप भी?

💡 शुरुआती लोगों के लिए TypeScript बेसिक्स गाइड

1. वेरिएबल्स घोषित करना

TypeScript let, const, और टाइप एनोटेशन के साथ स्थिर टाइपिंग की अनुमति देता है।

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. कंडीशनल्स (if / switch)

ब्रांचिंग के लिए if, else if, और else का उपयोग करें। switch कई मानों को संभालता है।

let x = 5;
if (x > 0) {
  console.log("Positive");
} else if (x < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

3. लूप्स

इटरेशन के लिए for, while, और for...of का उपयोग करें।

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. एरेज़

एरेज़ को परिभाषित करने के लिए स्क्वायर ब्रैकेट्स [] का उपयोग करें।

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. एरे मैनिपुलेशन

push, splice, और filter जैसे बिल्ट-इन मेथड्स का उपयोग करें।

let arr = [10, 20, 30];
arr.push(40);          // जोड़ें
arr.splice(1, 1);      // दूसरा तत्व हटाएं
console.log(arr);

6. कंसोल इनपुट/आउटपुट

कंसोल में आउटपुट दिखाने के लिए console.log का उपयोग करें।

const name: string = "Alice";
console.log("Hello, " + name);

7. फंक्शन्स

टाइप किए गए पैरामीटर और रिटर्न मानों के साथ फंक्शन्स घोषित करें।

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. मैप्स

की-वैल्यू संरचनाओं के लिए साधारण ऑब्जेक्ट्स या Map का उपयोग करें।

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. अपवाद प्रबंधन

त्रुटियों को संभालने के लिए try और catch का उपयोग करें।

try {
  throw new Error("Something went wrong");
} catch (e) {
  console.error(e.message);
}

10. फाइल इनपुट/आउटपुट (केवल Node.js)

फाइलों को पढ़ने और लिखने के लिए Node.js fs मॉड्यूल का उपयोग करें।

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hello File");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. स्ट्रिंग मैनिपुलेशन

length, concat, includes जैसे स्ट्रिंग मेथड्स का उपयोग करें।

let str = "Hello World";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("World"));

12. क्लासेस और ऑब्जेक्ट्स

TypeScript ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग का समर्थन करता है।

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Hi, I'm \${this.name}\`);
  }
}

const p = new Person("Alice");
p.greet();