CodeUtility
कोडिंग को डेवलपर्स के लिए आसान बनाना।!

Online TypeScript Compiler

Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.

पहले से इंस्टॉल लाइब्रेरी
🚀 555 कुल निष्पादन (278 इस महीने)

Udemy Logo 📈 Typescript इन दिनों ट्रेंड में है - आज ही सीखना शुरू करें

लोड हो रहा है…

💡 क्या आप अपने कौशल में सुधार करना चाहते हैं? ये पाठ्यक्रम मदद कर सकते हैं—जब हमारा एआई मॉडल आपके अनुरोध को संसाधित करता है तो इन्हें जांचें।

🌀 इस TypeScript ऑनलाइन एक्जीक्यूटर के बारे में

CodeUtility TypeScript Executor आपको सीधे ब्राउज़र में TypeScript कोड लिखने और चलाने देता है - किसी कंपाइलर सेटअप, Node.js इंस्टॉलेशन, या लोकल एनवायरनमेंट की ज़रूरत नहीं। यह असली TypeScript कोड को JavaScript में कम्पाइल करके एक सुरक्षित, सैंडबॉक्स्ड रनटाइम में चलाता है।

यह वातावरण फिलहाल TypeScript 5.4 सपोर्ट करता है, जिससे आपको नवीनतम भाषा फीचर्स जैसे डेकोरेटर्स, बेहतर टाइप इन्फरेंस, और आधुनिक ECMAScript सपोर्ट मिलते हैं।

चाहे आप TypeScript सीख रहे हों, यूटिलिटी फ़ंक्शंस टेस्ट कर रहे हों, या टाइपिंग और इंटरफेसेज़ के साथ प्रयोग कर रहे हों, यह टूल आपके कोड को तेज़ी से लिखने, कम्पाइल करने, और तुरंत फीडबैक के साथ निष्पादित करने का इंटरैक्टिव तरीका देता है।

यह उन डेवलपर्स के लिए बढ़िया है जो TypeScript के टाइप सिस्टम को एक्सप्लोर करना चाहते हैं या देखना चाहते हैं कि TypeScript JavaScript में कैसे कम्पाइल होता है - वह भी एडिटर्स या लोकल टर्मिनल्स के बीच स्विच किए बिना।

सिर्फ़ एक कोड रनर से कहीं अधिक

एक ही एक्ज़ीक्यूटर में मल्टी-फ़ाइल एडिटर, अलग-थलग निष्पादन टर्मिनल, रनटाइम-विशिष्ट लाइब्रेरी, स्थायी वर्कस्पेस, साझाकरण और रीयल-टाइम सहयोग का उपयोग करें।

इस एक्ज़ीक्यूटर का उपयोग कैसे करें?

रनटाइम चुनें, फ़ाइल खोलें या बनाएँ, अपना कोड लिखें और चलाएँ चुनें। आउटपुट टर्मिनल में दिखाई देता है। साइन-इन उपयोगकर्ता वर्कस्पेस में फ़ाइलें रख सकते हैं, लाइब्रेरी इंस्टॉल कर सकते हैं और शेयर के माध्यम से सहयोग कर सकते हैं।

  1. एक संस्करण चुनें और वर्तमान फ़ाइल संपादित करें या वर्कस्पेस की दूसरी फ़ाइल खोलें।
  2. कोड चलाएँ, माँगे जाने पर टर्मिनल में इनपुट दें और सहेजा गया रन इतिहास देखें।
  3. जब कार्य के लिए एक से अधिक कोड अंश चाहिए, तो लाइब्रेरी, वर्कस्पेस टूल, शेयरिंग और चैट का उपयोग करें।

💡 शुरुआती लोगों के लिए 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("धनात्मक");
} else if (x < 0) {
  console.log("ऋणात्मक");
} else {
  console.log("शून्य");
}

switch (x) {
  case 1:
    console.log("एक");
    break;
  case 2:
    console.log("दो");
    break;
  default:
    console.log("अन्य");
}

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("नमस्ते, " + 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("कुछ गड़बड़ हो गई");
} catch (e) {
  console.error(e.message);
}

10. फ़ाइल I/O (सिर्फ Node.js)

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

import * as fs from "fs";

fs.writeFileSync("file.txt", "हैलो फ़ाइल");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

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

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

let str = "नमस्ते दुनिया";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("दुनिया"));

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

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

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`हाय, मैं \${this.name} हूँ\`);
  }
}

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