TypeScript CLI रनर ऑनलाइन

तुरंत ब्राउज़र में TypeScript कोड CLI स्टाइल में टेस्ट करें—बिना सेटअप के, सीखने और डिबग के लिए आदर्श।

संस्करण

नमूना

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

✨ सबसे ज़्यादा पसंद किए जाने वाले Typescript कोर्स

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

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

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

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

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

💡 इस टूल का उपयोग कैसे करें

1. एडिटर के ऊपर दिए ड्रॉपडाउन से उपलब्ध TypeScript वर्ज़न (5.4) चुनें।
2. एडिटर एरिया में अपना TypeScript कोड लिखें या पेस्ट करें — जिसमें टाइप्स, इंटरफेसेज़, और जेनरिक्स शामिल हों।
3. Run पर क्लिक करें ताकि आपका कोड कम्पाइल और रन हो जाए, और नीचे कंसोल में आउटपुट दिखे।
4. रनिंग के दौरान Stop बटन दिखेगा — जल्दी रोकने के लिए उस पर क्लिक करें।
5. कोड ठीक करें का उपयोग करें ताकि सिंटैक्स या इंडेंटेशन समस्याएँ अपने-आप सुधर जाएँ।
6. ठीक करने के बाद सुधार बटन दिखाई देगा — हाल के सुधार देखने के लिए उस पर क्लिक करें।
7. आप लोकल फ़ाइल को एडिटर में अपलोड कर सकते हैं या अपना वर्तमान कोड डाउनलोड कर सकते हैं।
8. हर निष्पादन अधिकतम 20 सेकंड तक चलता है, उसके बाद स्थिरता और निष्पक्षता के लिए टाइमआउट हो जाता है।

🧠 टिप: TypeScript Executor आपका कोड पर्दे के पीछे अपने-आप JavaScript में कम्पाइल करता है — ताकि आप स्टैटिक टाइपिंग और कम्पाइल-टाइम सेफ़्टी के साथ वास्तविक रनटाइम व्यवहार टेस्ट कर सकें।

💡 शुरुआती लोगों के लिए 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();