ٹائپ اسکرپٹ ایک سخت ٹائپ کردہ سپر سیٹ ہے جو سادہ جاوا اسکرپٹ پر مرتب ہوتا ہے۔ آپ اس زبان کو ایپلی کیشن اسکیل جاوا اسکرپٹ ڈویلپمنٹ کے لئے استعمال کرسکتے ہیں۔ نیز ، اسے کسی بھی براؤزر ، کسی بھی میزبان اور کسی بھی آپریٹنگ سسٹم پر پھانسی دی جاسکتی ہے۔ اس ٹائپ اسکرپٹ ٹیوٹوریل میں ، ہم ٹائپ اسکرپٹ کی گہرائی میں داخل ہوں گے اور درج ذیل ترتیب میں بنیادی باتوں کو سمجھیں گے:
- ٹائپ اسکرپٹ کا تعارف
- ٹائپ اسکرپٹ کی اقسام
- متغیرات
- آپریٹرز
- لوپس
- افعال
- سٹرنگز
- ارے
- انٹرفیسز
- کلاسز
- اعتراضات
- ٹائپ اسکرپٹ استعمال کیس
ٹائپ اسکرپٹ کا تعارف
ٹائپ اسکرپٹ جاوا اسکرپٹ کا ایک ٹائپ کردہ سپر سیٹ ہے جو سادہ جاوا اسکرپٹ پر مرتب ہوتا ہے۔ ٹائپ اسکرپٹ کلاسز ، انٹرفیس اور اعدادوشمار کی طرح ٹائپنگ پروگرامنگ زبانوں کی طرح خالص آبجیکٹ پر مبنی ہے C # یا . اس کو جاوا اسکرپٹ فائل میں مرتب کرنے اور پیدا کرنے کے لئے ایک مرتب کی ضرورت ہے۔ بنیادی طور پر ، ٹائپ اسکرپٹ کچھ اضافی خصوصیات کے ساتھ جاوا اسکرپٹ کا ES6 ورژن ہے۔
ایک فائل میں ٹائپ اسکرپٹ کوڈ لکھا ہوا ہے .ts توسیع اور پھر کمپائلر کا استعمال کرکے جاوا اسکرپٹ میں مرتب کریں۔ آپ کسی بھی کوڈ ایڈیٹر میں فائل لکھ سکتے ہیں اور آپ کے پلیٹ فارم پر مرتب انسٹال کرنے کی ضرورت ہے۔ تنصیب کے بعد ، کمانڈ tsc .ts ٹائپ اسکرپٹ کوڈ کو ایک سادہ جاوا اسکرپٹ فائل میں مرتب کرتا ہے۔
نحو:
var پیغام: سٹرنگ = 'ایڈورکا میں خوش آمدید!' کنسول.لاگ (پیغام)
مرتب کرنے پر ، یہ درج ذیل جاوا اسکرپٹ کوڈ کو تیار کرتا ہے:
// جنریٹ ٹائپ اسکرپٹ 1.8.10 var پیغام = 'ایڈورکا میں خوش آمدید!' کنسول.لاگ (پیغام)
ٹائپ اسکرپٹ کی خصوصیات
کراس پلیٹ فارم: ٹائپ اسکرپٹ مرتب کسی بھی آپریٹنگ سسٹم جیسے ونڈوز ، میک او ایس اور لینکس پر انسٹال کیا جاسکتا ہے۔
آبجیکٹ پر مبنی زبان : ٹائپ اسکرپٹ ایسی خصوصیات مہیا کرتا ہے کلاسز ، انٹرفیس ، اور ماڈیولز۔ اس طرح ، یہ کلائنٹ سائیڈ کے ساتھ ساتھ سرور سائیڈ ڈویلپمنٹ کے لئے آبجیکٹ پر مبنی کوڈ لکھ سکتا ہے۔
جامد قسم کی جانچ پڑتال : ٹائپ اسکرپٹ جامد ٹائپنگ کا استعمال کرتا ہے اور مرتب وقت پر جانچ پڑتال میں مدد کرتا ہے۔ اس طرح ، اسکرپٹ کو چلائے بغیر کوڈ لکھتے وقت آپ کو غلطیاں مل سکتی ہیں۔
اختیاری جامد ٹائپنگ : اگر آپ جاوا اسکرپٹ کی متحرک ٹائپنگ استعمال کررہے ہیں تو ٹائپ اسکرپٹ اختیاری جامد ٹائپنگ کی بھی اجازت دیتا ہے۔
ڈوم ہیرا پھیری : عناصر کو شامل کرنے یا ختم کرنے کے ل You آپ DOM میں جوڑ توڑ کے ل Type ٹائپ اسکرپٹ کا استعمال کرسکتے ہیں۔
ES 6 خصوصیات : ٹائپ اسکرپٹ میں منصوبہ بند ECMAScript 2015 (ES 6، 7) کی زیادہ تر خصوصیات جیسے کلاس ، انٹرفیس ، یرو افعال وغیرہ شامل ہیں۔
ٹائپ اسکرپٹ کے استعمال کے فوائد
ٹائپ اسکرپٹ ہے تیز ، آسان ، سیکھنے میں آسان اور کسی بھی براؤزر یا جاوا اسکرپٹ انجن پر چلتا ہے۔
یہ ہے اسی طرح کرنے کے لئے جاوا اسکرپٹ اور وہی نحو اور الفاظ استعمال کرتا ہے۔
اس سے بیک ہینڈ ڈویلپرز کو فرنٹ اینڈ لکھنے میں مدد ملتی ہے تیزی سے کوڈ .
ٹائپ اسکرپٹ کوڈ کو ایک سے کہا جاسکتا ہے موجودہ جاوا اسکرپٹ کوڈ . نیز ، یہ بغیر کسی مسئلے کے موجودہ جاوا اسکرپٹ فریم ورک اور لائبریریوں کے ساتھ کام کرتا ہے۔
ڈیفنس ایکسٹینشن کے ساتھ ڈیفینیشن فائل موجودہ جاوا اسکرپٹ لائبریریوں جیسے تعاون فراہم کرتی ہے جکوری ، ڈی 3 جے ، وغیرہ۔ تو ، ٹائپ اسکرپٹ کوڈ شامل کرسکتے ہیں جاوا اسکرپٹ لائبریریاں ٹائپ چیکنگ ، کوڈ خودکشی ، اور موجودہ متحرک طور پر ٹائپ شدہ جاوا اسکرپٹ لائبریریوں میں دستاویزات کے فوائد حاصل کرنے کے لئے ٹائپ ڈیفینیشنز کا استعمال کرنا۔
اس میں شامل خصوصیات ES6 اور ای ایس 7 جو ES5 سطح کے جاوا اسکرپٹ انجنوں میں چل سکتا ہے نوڈ.جس .
اب جب آپ ٹائپ اسکرپٹ کو سمجھ چکے ہیں تو آئیے اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور مختلف اقسام پر ایک نظر ڈالیں۔
ٹائپ اسکرپٹ کی اقسام
ٹائپ سسٹم زبان کی مدد سے مختلف اقدار کی نمائندگی کرتا ہے۔ یہ چیک کرتا ہے درست فراہم کی اقدار پروگرام سے ذخیرہ کرنے یا جوڑ توڑ کرنے سے پہلے۔
اس کی دو اقسام میں درجہ بندی کی جاسکتی ہے جیسے:
- بلٹ ان : اس میں نمبر ، سٹرنگ ، بولین ، باطل ، کالعدم اور غیر واضح شدہ شامل ہیں۔
- صارف کی وضاحت : اس میں اینومرشنز (اینیمز) ، کلاسز ، انٹرفیس ، ارے اور ٹپل شامل ہیں۔
آئیے اب اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور متغیرات کے بارے میں مزید معلومات حاصل کریں۔
ٹائپ اسکرپٹ ٹیوٹوریل: متغیرات
ایک متغیر میموری میں ایک نامزد جگہ ہے جو اقدار کو ذخیرہ کرنے کے لئے استعمال ہوتا ہے۔
ٹائپ اسکرپٹ میں متغیر کے اعلان کے ل synt قسم کے نحو میں متغیر نام کے بعد کولن (:) شامل ہوتا ہے ، اس کے بعد اس کی قسم ہوتی ہے۔ جاوا اسکرپٹ کی طرح ، ہم اس کا استعمال کرتے ہیں متغیر الفاظ متغیر کا اعلان کرنا۔
جب ہم متغیر کا اعلان کرتے ہیں تو چار اختیارات ہیں:
var [شناخت کنندہ]: [قسم تشریح] = قیمت
var [شناخت کنندہ]: [ٹائپ تشریح]
var [شناخت کنندہ] = قدر
var [شناخت]
مثال:
متغیر کا نام: سٹرنگ = 'ڈیزی' ور امپیڈ: نمبر = 1001 کنسول.لوگ ('نام' + نام) کنسول.لوگ ('ملازم شناخت' + امپریڈ)
مرتب کرنے پر ، اس سے درج ذیل جاوا اسکرپٹ کوڈ تیار ہوگا:
// جن ٹائپ اسکرپٹ 1.8.10 var name = 'گل داؤدی' ور ایمپیڈ = 1001 کنسول.لوگ ('نام' + نام) کنسول.لوگ ('ملازم ID:' + ایمپائڈ) کے ذریعے تیار کیا گیا
آؤٹ پٹ:
نام: گل داؤدی
ملازم کی شناخت: 1001
آئیے اپنے ٹائپ اسکرپٹ ٹیوٹوریل کے اگلے عنوان کی طرف چلتے ہیں۔
آپریٹرز
ایک آپریٹر کو افعال کی وضاحت کرنے کے لئے استعمال کیا جاتا ہے جو اعداد و شمار پر انجام پائے گا۔ آپریٹر جس ڈیٹا پر کام کرتے ہیں اسے اوپرینڈز کہتے ہیں۔ اس کی مختلف قسمیں ہیں آپریٹرز ٹائپ اسکرپٹ میں جیسے:
- ریاضی کے آپریٹرز
- منطقی آپریٹرز
- متعلقہ آپریٹرز
- بٹ وائیز آپریٹرز
- تفویض آپریٹرز
ریاضی کے آپریٹرز
آپریٹرز | تفصیل |
اضافہ (+) | آپریندرز کی رقم لوٹاتا ہے |
گھٹاؤ (-) | اقدار کا فرق لوٹاتا ہے |
ضرب (*) | اقدار کی پیداوار کو لوٹاتا ہے |
ڈویژن (/) | ڈویژن آپریشن انجام دیتا ہے اور موزوں کو لوٹاتا ہے |
ماڈیولس (٪) | ڈویژن آپریشن انجام دیتا ہے اور باقی کو واپس کرتا ہے |
اضافہ (++) | ایک کے ذریعہ متغیر کی قدر میں اضافہ ہوتا ہے |
کمی (-) | ایک کے ذریعہ متغیر کی قدر کو گھٹا دیتا ہے |
مثال:
var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('Sum:' + res) res = num1 - num2 console.log ('فرق:' + ریس) res = num1 * num2 console.log ('پروڈکٹ:' + ریس)
آؤٹ پٹ:
رقم: 12
فرق: 8
مصنوع: 20
منطقی آپریٹرز
آپریٹرز | تفصیل |
اور (&&) | یہ تب ہی درست ہو گا جب تمام اظہارات کی واپسی درست ہو |
یا (||) | اگر حقیقت میں کم از کم ایک بیان کردہ واپسی درست ہو تو یہ درست ہوگا |
نہیں (!) | یہ اظہار کے نتیجے کا الٹا لوٹاتا ہے۔ |
مثال:
var اوسط: نمبر = 20 var فیصد: تعداد = 90 کنسول.لوگ ('اوسط کی قیمت:' + اوسط + '، فیصد کی قدر:' + فیصد) var res: boolean = ((اوسط> 50) && (فیصد> 80 )) کنسول.لوگ ('(اوسط> 50) && (فیصد> 80):' ، ریس)
آؤٹ پٹ:
اوسط کی قیمت: 20 ، فیصد کی قدر: 90
(اوسط> 50) && (فیصد> 80): غلط
متعلقہ آپریٹرز
آپریٹرز | تفصیل |
> | اس سے بڑا |
< | سے بھی کم |
> = | اس سے زیادہ یا اس کے برابر |
<= | اس سے کم یا اس کے برابر |
== | مساوات |
! = | برابر نہیں |
مثال:
var num1: number = 10 var num2: number = 7 console.log ('num1 کی قدر:' + num1) کنسول.لاگ ('num2 کی قدر:' + num2) var res = num1> num2 console.log ('num1 num2: '+ res) res = num1 سے زیادہآؤٹ پٹ:
نمبر 1 کی قیمت: 10
نمبر 2: 7 کی قیمت
num1 num2 سے زیادہ: سچ ہے
num1 num2 سے کم: غلط
بٹ وائز آپریٹرز
آپریٹرز تفصیل تھوڑا سا اور (&)
اس کے اعدادوشمار کے ہر دلائل پر بولین اور آپریشن انجام دیتا ہے۔
تھوڑا سا یا (|)
یہ اپنے پورے عدد دلائل پر بولین یا آپریشن انجام دیتا ہے۔
تھوڑا سا XOR (^)
یہ اپنے پورے عدد دلائل پر بولین خصوصی یا آپریشن انجام دیتا ہے۔
ٹھیک نہیں (~)
یہ ایک غیر متحرک آپریٹر ہے اور اوپیندرڈ کے تمام بٹس کو تبدیل کرکے کام کرتا ہے۔
بائیں شفٹ (<<)
یہ دوسرے اوپیندر میں مخصوص جگہوں کی تعداد کے ذریعہ اپنے پہلے اوپیندر میں موجود تمام بٹس کو بائیں طرف منتقل کرتا ہے۔
دائیں شفٹ (>>)
بائیں اوپیراینڈ کی قدر دائیں اوپیندر کے ذریعہ بیان کردہ بٹس کی تعداد کے ساتھ دائیں منتقل ہوجاتی ہے۔
صفر کے ساتھ دائیں شفٹ (>>>)
یہ >> آپریٹر کی طرح ہے ، سوائے اس کے کہ بائیں طرف منتقل کردہ بٹس ہمیشہ صفر ہی رہتی ہیں۔
مثال:
var a: نمبر = 2 // بٹ پریزنٹیشن 10 ورس بی: نمبر = 3 // بٹ پریزنٹیشن 11 var نتیجہ نتیجہ = (ایک اور بی) کنسول.لاگ ('(a & b) =>'، نتیجہ) نتیجہ = ( a | b) console.log ('(a | b) =>'، نتیجہ)آؤٹ پٹ:
(a & b) => 2
(a | b) => 3
تفویض آپریٹرز
آپریٹرز تفصیل سادہ تفویض (=)
دائیں طرف کے اوپیراینڈ سے بائیں جانب اوپیراینڈ میں اقدار تفویض کرتا ہے
شامل کریں اور اسائنمنٹ (+ =)
اس نے بائیں اوپیراینڈ میں دائیں اوپیندر کا اضافہ کیا ہے اور اس کا نتیجہ بائیں اوپیرینڈ کو تفویض کیا ہے۔
منہا اور تفویض (- =)
یہ بائیں اوپیراینڈ سے دائیں اوپرینڈ کو گھٹاتا ہے اور اس کا نتیجہ بائیں اوپیراینڈ کو تفویض کرتا ہے۔
ضرب اور تفویض (* =)
یہ بائیں اوپیراینڈ کے ساتھ دائیں اوپیرینڈ کو ضرب دیتا ہے اور اس کا نتیجہ بائیں اوپیراینڈ کو تفویض کرتا ہے۔
تقسیم اور تفویض (/ =)
یہ بائیں اوپیراینڈ کو دائیں اوپیراینڈ کے ساتھ تقسیم کرتا ہے اور اس کا نتیجہ بائیں اوپیرینڈ کو تفویض کرتا ہے۔
مثال:
var a: number = 12 var b: number = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b کنسول .log ('a- = b:' + a)آؤٹ پٹ:
a = b: 10
a + = b: 20
a - = b: 10
یہ مختلف آپریٹر تھے۔ آئیے اپنے ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور لوپز کے بارے میں جانیں۔
لوپس
ایسے حالات ہوسکتے ہیں جب کوڈ کے ایک بلاک کو متعدد بار انجام دینے کی ضرورت ہوتی ہے۔ A لوپ بیان ہمیں ایک بیان یا بیانات کے گروپ کو متعدد بار عمل میں لانے کی اجازت دیتا ہے۔
ٹائپ اسکرپٹ لوپس کو درجہ بندی کیا جاسکتا ہے:
لوپ کے لئے
لوپ کے لئے ایک یقینی لوپ کا نفاذ ہے۔
نحو:
کے لئے (پہلا اظہار دوسرا اظہار تیسرا اظہار) repeatedly // بیانات بار بار پھانسی دیئے جائیں}یہاں ، لوپ شروع ہونے سے پہلے پہلا اظہار عمل میں لایا جاتا ہے۔ دوسرا اظہار لوپ پر عمل کرنے کی شرط ہے۔ اور تیسرا اظہار ہر کوڈ بلاک پر عمل درآمد کے بعد عمل میں لایا جاتا ہے۔
مثال:
کے لئے (i = 0 i<2 i++) { console.log ('Execute block statement' + i) }آؤٹ پٹ:
بلاک بیان 0 پر عمل کریں
بلاک بیان 1 پر عمل کریںجبکہ لوپ
جبکہ لوپ ہدایات پر عمل درآمد کرتا ہے جب ہر بار شرط طے کرتی ہے۔
نحو:
جبکہ (حالت اظہار) {// کوڈ بلاک کو پھانسی دی جائے}مثال:
آئیے: نمبر = 1 جبکہ (i<3) { console.log( 'Block statement execution no.' + i ) i++ }آؤٹ پٹ:
بلاک بیان پر عمل درآمد نمبر 1
بلاک بیان پر عمل درآمد نمبر 2کرو..وہاں لوپ
ڈو اور ہیلپپائپ لوپ اس وقت کے لوپ کی طرح ہے ، سوائے اس کے کہ لوپ کے پہلی بار عمل درآمد ہونے پر اس حالت کا اندازہ نہیں کرتا ہے۔
نحو:
عملدرآمد کرنے کیلئے {// کوڈ بلاک کریں} جبکہ (حالت اظہار)مثال:
آئیے: نمبر = 1 ڈو {کنسول.لوگ ('بلاک اسٹیٹیمیشن نمبر کو بند کریں۔' + i) آئی ++} جبکہ (i<3)آؤٹ پٹ:
بلاک بیان پر عمل درآمد نمبر 1
بلاک بیان پر عمل درآمد نمبر 2ان کے علاوہ ٹائپ اسکرپٹ میں بریک اور جاری بیانات موجود ہیں جو لوپ میں استعمال ہوتے ہیں۔
توڑ بیان
بریک اسٹیٹمنٹ کسی تعمیر سے باہر کنٹرول حاصل کرنے کے لئے استعمال ہوتا ہے۔ لوپ میں بریک اسٹیٹمنٹ کا استعمال پروگرام کو لوپ سے باہر آنے میں مدد کرتا ہے۔
مثال:
var i: نمبر = 1 جبکہ (i<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loopآؤٹ پٹ:
1 اور 10 کے درمیان 5 کا پہلا ضوابط: 5 ہے
بیان جاری رکھیں
جاری اعلامیہ موجودہ تکرار میں بعد کے بیانات کو چھوڑ دیتا ہے اور لوپ کے آغاز تک کنٹرول کو واپس لے جاتا ہے۔
مثال:
var num: number = 0 var شمار: نمبر = 0 کے لئے (num = 0num)<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)آؤٹ پٹ:
0 اور 10 کے درمیان عجیب قدروں کی گنتی ہے: 5
یہ ٹائپ اسکرپٹ میں مختلف الگیاں تھیں۔ اب ، ہم اپنے ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور افعال کو سمجھیں۔
افعال
جاوا اسکرپٹ میں ، افعال یہ ایک اہم حص areہ ہے کیونکہ یہ ایک عملی پروگرامنگ زبان ہے۔ افعال اس بات کو یقینی بناتے ہیں کہ پروگرام قابل انتظام اور دوبارہ قابل استعمال ہے اور اسے پڑھنے کے قابل بلاکس میں ترتیب دیا گیا ہے۔ اگرچہ ٹائپ اسکرپٹ کلاس اور ماڈیول کا تصور فراہم کرتا ہے ، لیکن افعال اب بھی زبان کا لازمی جزو ہیں۔
نامزد افعال
ایک نامزد فنکشن کو اس کے دیئے ہوئے نام سے کسی فنکشن کا اعلان کرنے اور کال کرنے کے لئے استعمال ہوتا ہے۔
مثال:
فنکشن ڈسپلے () {console.log ('ٹائپ اسکرپٹ فنکشن')} ڈسپلے ()آؤٹ پٹ:
ٹائپ اسکرپٹ فنکشن
گمنام فنکشن
ایک گمنام فنکشن وہ ہوتا ہے جسے بیان کرنے کی وضاحت کی جاتی ہے۔ یہ اظہار متغیر میں محفوظ ہے۔ ان افعال کو متغیر نام کا استعمال کرتے ہوئے طلب کیا گیا ہے جس میں یہ فنکشن اسٹور کیا گیا ہے۔
مثال:
سلام دیں = فنکشن () {کنسول.لوگ ('ٹائپ اسکرپٹ فنکشن')} گریٹنگ ()آؤٹ پٹ:
ٹائپ اسکرپٹ فنکشن
یرو فنکشن
موٹے تیر والے نشانیاں گمنام افعال کے لئے استعمال ہوتے ہیں یعنی فعل کے تاثرات کیلئے انہیں دوسری زبانوں میں لامبڈا فنکشن بھی کہا جاتا ہے۔
نحو:
(param1، param2، ...، paramN) => اظہارچربی والے تیر (=>) کا استعمال کرنے سے ’فنکشن‘ کی ورڈ کو استعمال کرنے کی ضرورت ختم ہوجاتی ہے۔ پیرامیٹرز کونیی خط وحدانی میں گزر جاتے ہیں ، اور اس تقریب کا اظہار گھوبگھرالی خط وحدت میں بند ہوتا ہے {}.
مثال:
چوتھی رقم = (x: نمبر ، y: نمبر): نمبر => {واپسی x + y} رقم (10 ، 30) // ریٹرن 40فنکشن اوورلوڈنگ
ٹائپ اسکرپٹ فنکشن اوورلوڈنگ کا تصور فراہم کرتا ہے۔ اس طرح ، آپ ایک ہی نام کے ساتھ متعدد کام کرسکتے ہیں لیکن مختلف پیرامیٹر کی قسمیں اور واپسی کی قسم۔
مثال:
فنکشن ایڈ (ا: سٹرنگ ، بی: سٹرنگ): سٹرنگ فنکشن ایڈ (ا: نمبر ، بی: نمبر): نمبر ایک + ب return ایڈ ('ہیلو' ، 'ایڈورکا') واپس کرتا ہے // واپسی 'ہیلو ایڈورکا' ایڈ ( 10 ، 10) // ریٹرن 20مندرجہ بالا مثال میں ، ہمارے پاس ایک ہی فنکشن ایڈ () دو فنکشن اعلانات اور ایک فنکشن لاگو ہونے کے ساتھ ہے۔ پہلے دستخط میں ٹائپنگ کے دو پیرامیٹر ہوتے ہیں ، جبکہ دوسرے دستخط میں ٹائپ نمبر کے دو پیرامیٹر ہوتے ہیں۔
یہ مختلف قسم کے افعال ہیں۔ اب ، ہم اپنے ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور ٹائپ اسکرپٹ میں ڈور کو سمجھیں۔
ٹائپ اسکرپٹ ٹیوٹوریل: اسٹرنگز
اعداد و شمار کی ایک اور قسم ہے جو ٹیکسٹ ڈیٹا کو اسٹور کرنے کے لئے استعمال ہوتی ہے۔ سٹرنگ ویلیوز ایک کوٹیشن مارکس یا ڈبل کوٹیشن مارکس سے گھرا ہوا ہے۔
نحو:
var var_name = نیا تار (تار)اسٹرنگ آبجیکٹ میں طریقوں کی مختلف خصوصیات موجود ہیں جیسے:
- بلڈر - یہ اسٹرنگ فنکشن کا حوالہ واپس کرتا ہے جس نے آبجیکٹ کو تخلیق کیا
- لمبائی - یہ تار کی لمبائی واپس کرتا ہے
- نمونہ - یہ پراپرٹی آپ کو کسی شے میں خواص اور طریقے شامل کرنے کی اجازت دیتی ہے
مثال:
نام دیں = نیا اسٹرنگ ('ایڈورکا میں آپ کا استقبال ہے!') کنسول.لوگ ('پیغام:' + نام) کنسول.لوگ ('لمبائی:' + name.length)آؤٹ پٹ:
پیغام: ایڈورکا میں آپ کا استقبال ہے!
لمبائی: 19
سٹرنگ کے طریقے
سٹرنگ آبجیکٹ میں طریقوں کی فہرست میں شامل ہیں:
طریقہ تفصیل چار اے ٹی ()
یہ مخصوص انڈیکس میں کردار لوٹاتا ہے
چار کوڈ آٹ ()
یہ ایک نمبر واپس کرتا ہے جو دیئے گئے انڈیکس میں کردار کی یونیکوڈ ویلیو کی نشاندہی کرتا ہے
کنکریٹ ()
دو ڈوروں کے متن کو جوڑتا ہے اور ایک نئی تار واپس کرتا ہے
انڈیکس آف ()
مقررہ قیمت کی پہلی موجودگی کے کالنگ سٹرنگ آبجیکٹ کے اندر انڈیکس لوٹاتا ہے
آخری انڈیکس آف ()
یہ مقررہ قیمت کے آخری واقعہ کی کالنگ سٹرنگ آبجیکٹ کے اندر انڈیکس کو لوٹاتا ہے
میچ ()
اسٹرنگ کے خلاف باقاعدہ اظہار سے ملنے کے لئے استعمال کیا جاتا ہے
لوکلکمپیر ()
ایک نمبر لوٹاتا ہے جس میں یہ اشارہ ملتا ہے کہ آیا حوالہ کی تار اس سے پہلے یا بعد میں آتی ہے یا ترتیب میں ترتیب دی گئی تار کی طرح ہے
تلاش ()
اس سے باقاعدہ اظہار اور ایک مخصوص تار کے مابین میچ کی تلاش ہوتی ہے
() تبدیل کریں
ایک باقاعدہ اظہار اور اسٹرنگ کے مابین میچ ڈھونڈنے کے لئے اور مماثل اسٹریننگ کو نئے اسٹریننگ سے تبدیل کرنے کے لئے استعمال کیا جاتا ہے
ٹکڑا ()
یہ تار کے ایک حصے کو نکالتا ہے اور ایک نئی تار واپس کرتا ہے
تقسیم ()
سٹرنگ آبجیکٹ کو سٹرنگس میں الگ کرکے سٹرنگ آبجیکٹ کو ڈور کی ایک صف میں تقسیم کرتا ہے
سبسٹر ()
حروف کی مخصوص تعداد کے ذریعے مخصوص مقام سے شروع ہونے والی تار میں حروف کو لوٹاتا ہے
سٹرنگ ()
یہ دو اشاریوں کے مابین تار میں سٹرنگ میں حروف کو لوٹاتا ہے
toLocaleLowerCase ()
موجودہ محل وقوع کا احترام کرتے ہوئے اسٹرنگ میں شامل حروف کو لوئر کیس میں تبدیل کردیا جاتا ہے
toLocaleUpperCase ()
موجودہ محل وقوع کا احترام کرتے ہوئے اسٹرنگ میں شامل حروف کو اوپری کیس میں تبدیل کردیا جاتا ہے
toLowerCase ()
یہ لوئر کیس میں تبدیل شدہ کالنگ سٹرنگ ویلیو لوٹاتا ہے
ٹاپ اپر کیس ()
یہ کالنگ اسٹرنگ ویلیو کو بڑے میں تبدیل کردیتا ہے
toString ()
ماسٹر ڈگری پوسٹ گریجویٹ ہےایک مخصوص شے کی نمائندگی کرنے والی تار واپس کرتا ہے
کی قدر()
مخصوص آبجیکٹ کی قدیم قدر لوٹاتا ہے
مثال:
چلو str: سٹرنگ = 'ایڈورکا میں آپ کا استقبال ہے' str.charAt (0) // ریٹرن 'w' str.charAt (2) // لوٹتا ہے 'l' 'میں آپ کا استقبال ہے Edureka'.charAt (2) ریٹرن' l 'دیں str1 : سٹرنگ = 'ویلکم' چلو str2: سٹرنگ = 'ایڈورکا' str1.concat (str2) // لوٹتا ہے 'स्वागत ایڈورکا' str1.concat (''، str2) // لوٹتا ہے 'ویلکم ایڈورکا' str1.concat ('' سے ' ') // واپسی' خوش آمدید 'اب جب آپ ڈوروں کے بارے میں جانتے ہیں تو آئیے اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور ارایوں کو سمجھیں۔
ٹائپ اسکرپٹ میں ارے
ایک سرنی ایک خاص قسم کا ڈیٹا ہے جو ایک خاص نحو کا استعمال کرتے ہوئے ترتیب سے مختلف ڈیٹا اقسام کی متعدد اقدار کو محفوظ کرتا ہے۔ صف عناصر کی شناخت انفرادی اعداد و شمار سے ہوتی ہے جسے عنصر کا سبسکرپٹ یا انڈیکس کہا جاتا ہے۔
نحو:
var array_name [: ڈیٹا ٹائپ] // اعلامیہ سرنی_ نام = [والو 1 ، ویل 2 ، ویلن ..] // ابتدامثال:
نام بتائیں: صفوں کے نام = ['جان' ، 'ڈیزی' ، 'راہیل'] آئی ڈی آئی ڈی: آری آئیڈز = [101، 700، 321]صف کے طریقے
یہاں مختلف آری طریقوں کی ایک فہرست ہے جو مختلف مقاصد کے لئے استعمال ہوسکتی ہے۔
طریقہ تفصیل فلٹر ()
اس صف کے تمام عناصر کے ساتھ ایک نئی صف تیار کرتی ہے جس کے ل the فراہم کردہ فلٹرنگ فنکشن سچ ثابت ہوتا ہے
ہر کوئی()
اگر اس سرنی میں موجود ہر عنصر نے فراہم کردہ ٹیسٹنگ فنکشن کو پورا کیا تو یہ سچائی لوٹاتا ہے
کنکریٹ ()
دیگر صفوں کے ساتھ شامل ہونے والے اس صف پر مشتمل ایک نئی سرنی واپس کرتا ہے
انڈیکس آف ()
ارے کے اندر عنصر کا پہلا یا کم سے کم انڈیکس مقررہ قدر کے برابر لوٹاتا ہے
ہر ایک کے لئے()
صف میں ہر عنصر کے لئے فنکشن کال کرتا ہے
(شامل ہوں)
ایک صف کے تمام عناصر کو ایک تار میں شامل کرتا ہے
آخری انڈیکس آف ()
ارے کے اندر عنصر کا آخری یا سب سے بڑا انڈیکس مقررہ قیمت کے برابر لوٹاتا ہے
نقشہ ()
اس صف میں ہر عنصر پر فراہم کردہ فنکشن کو کال کرنے کے نتائج کے ساتھ ایک نئی صف تیار کرتی ہے
دھکا ()
ایک سرے کے آخر میں ایک یا زیادہ عناصر شامل کرتا ہے اور سرنی کی نئی لمبائی واپس کرتا ہے
پاپ ()
ایک صف سے آخری عنصر کو ہٹاتا ہے اور اس عنصر کو لوٹاتا ہے
کم()
صف کی دو اقدار کے خلاف بیک وقت کسی فنکشن کا اطلاق بائیں سے دائیں کرنے کے ل it تاکہ اسے ایک قدر میں کم کیا جا.
کم کریں ()
دائیں سے بائیں سرنی کی دو اقدار کے خلاف بیک وقت ایک فنکشن لگائیں تاکہ اسے ایک قدر میں کم کیا جاسکے
معکوس()
ایک صف کے عناصر کی ترتیب کو تبدیل کرتا ہے
شفٹ ()
ایک صف سے پہلا عنصر ہٹاتا ہے اور وہ عنصر لوٹاتا ہے
ٹکڑا ()
ایک صف کے ایک حصے کو نکالتا ہے اور ایک نئی سرنی واپس کرتا ہے
کچھ ()
اگر یہ صف میں کم از کم ایک عنصر فراہم کردہ ٹیسٹنگ فنکشن کو مطمئن کردے تو یہ حقیقت میں لوٹ آئے گی
ترتیب دیں()
یہ ایک صف کے عناصر کو ترتیب دیتا ہے
toString ()
صف اور اس کے عناصر کی نمائندگی کرنے والی تار واپس کرتا ہے
تقسیم ()
یہ ایک صف سے عناصر کو جوڑتا ہے اور / یا ہٹاتا ہے
غیر شفٹ ()
ایک صف کے ایک حصے میں ایک سے زیادہ عناصر شامل کرتا ہے اور سرنی کی نئی لمبائی واپس کرتا ہے
مثال:
var name: अरे = ['جان' ، 'ڈیزی' ، 'تارا'] name.sort () کنسول.لاگ (نام) // آؤٹ پٹ: ['ڈیزی' ، 'جان' ، 'تارا'] کنسول.لوگ ( नेम.پپ ()) // آؤٹ پٹ: تارا نام ۔پش ('راحیل') کنسول.لوگ (نام) // آؤٹ پٹ: ['جان' ، 'ڈیزی' ، 'راہیل']آئیے اب اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور انٹرفیس کے بارے میں جانیں۔
ٹائپ اسکرپٹ انٹرفیسز
انٹرفیس ایک ڈھانچہ ہے جو آپ کی درخواست میں معاہدہ کی وضاحت کرتا ہے۔ یہ کلاس کے لئے نحو کی پیروی کرنے کی وضاحت کرتا ہے۔ اس میں صرف ممبروں کا اعلان شامل ہوتا ہے اور یہ ممبروں کی وضاحت کرنا مشتق طبقے کی ذمہ داری ہے۔
مثال:
انٹرفیس ملازم {empID: نمبر empName: سٹرنگ getSalary: (نمبر) => نمبر // تیر فنکشن getManagerName (نمبر): سٹرنگ}مندرجہ بالا مثال میں ، ملازم انٹرفیس میں دو خصوصیات شامل ہیں ایمپیڈ اور empName . اس میں ایک طریقہ اعلان بھی شامل ہے getSalaray استعمال کرنا تیر تقریب جس میں ایک نمبر پیرامیٹر اور ایک نمبر واپسی کی قسم شامل ہے۔ getManagerName ایک عام تقریب کا استعمال کرتے ہوئے طریقہ کا اعلان کیا جاتا ہے۔
ٹائپ اسکرپٹ کلاسز
ٹائپ اسکرپٹ نے کلاسز متعارف کروائیں تاکہ وہ آبجیکٹ پر مبنی تکنیک جیسے انکپازولیشن اور تجرید سے فائدہ اٹھاسکیں۔ ٹائپ اسکرپٹ میں کلاس پلیٹ فارم اور براؤزرز میں کام کرنے کیلئے ٹائپ اسکرپٹ کمپلر کے ذریعہ سادہ جاوا اسکرپٹ کے افعال پر مرتب کی گئی ہے۔
ایک کلاس میں مندرجہ ذیل شامل ہیں:
- بلڈر
- پراپرٹیز
- طریقے
مثال:
کلاس ملازم {ایمپائڈ: نمبر empName: سٹرنگ کنسٹرکٹر (ID: نمبر ، نام: سٹرنگ) {this.empName = name this.empID = ID} getSalary (): نمبر {واپسی 40000}وراثت
ٹائپ اسکرپٹ کی حمایت کرتا ہے وراثت کیونکہ یہ موجودہ پروگرام سے نئی کلاسیں تشکیل دینے کے پروگرام کی اہلیت ہے۔ جس کلاس کو نئی کلاس بنانے کے لئے بڑھایا جاتا ہے اسے پیرنٹ کلاس یا سپر کلاس کہا جاتا ہے۔ نئی تخلیق شدہ کلاسوں کو چائلڈ یا سب کلاس کہتے ہیں۔
ایک کلاس دوسرے طبقے سے وراثت میں ملتا ہے جس میں 'توسیع' کی ورڈ استعمال کیا جاتا ہے۔ بچوں کی کلاسیں والدین کی کلاس کے نجی ممبروں اور تعمیر کنندگان کے علاوہ تمام خصوصیات اور طریقوں کے وارث ہوتی ہیں۔ لیکن ، ٹائپ اسکرپٹ متعدد وراثت کی حمایت نہیں کرتا ہے۔
نحو:
کلاس کا چائلڈ_کلاس_نظام والدین_کلاس_نوم میں توسیع کرتا ہےمثال:
کلاس شخص {نام: سٹرنگ کنسٹرکٹر (نام: سٹرنگ) {this.name = name}} کلاس ملازم شخص میں توسیع کرتا ہے {ایمپیڈ: نمبر کنسٹرکٹر (ایمپائڈ: نمبر ، نام: سٹرنگ) {سپر (نام) this.empID = empid} displayName (): باطل {console.log ('نام =' + this.name + '، ملازم ID =' + this.empID) emp emp چھوڑ دو = نیا ملازم (701 ، 'جیسن') emp.displayName () // نام = جیسن ، ملازم ID = 701اب جب کہ آپ کلاسوں کے بارے میں جانتے ہیں ، آئیے اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور آبجیکٹ کے بارے میں جانیں۔
ٹائپ اسکرپٹ میں آبجیکٹ
شے ایک ایسی مثال ہے جس میں کلیدی قیمت کے جوڑے کا ایک مختلف سیٹ ہوتا ہے۔ اقدار اسکیلر اقدار یا افعال یا اس سے بھی دیگر اشیاء کی ایک صف ہوسکتی ہیں۔
نحو:
var آبجیکٹ_ نام = {کی 1: 'ویلیو 1' ، // اسکیلر ویلیو کیی 2: 'ویلیو' ، کیئ 3: فنکشن () {// فنکشنز} ، کیو 4: ['مواد1' ، 'مواد2']کسی شے میں اسکیلر ویلیوز ، افعال اور ڈھانچے جیسے اری اور ٹیپل شامل ہوسکتے ہیں۔
مثال:
var person = {پہلا نام: 'ڈینی' ، آخری نام: 'گرین'} // آبجیکٹ تک رسائی حاصل کریں console.log (person.firstname) console.log (person.lastname)مرتب کرنے پر ، یہ جاوا اسکرپٹ میں ایک ہی کوڈ تیار کرے گا۔
آؤٹ پٹ:
ڈینی
سبز
یہ ٹائپ اسکرپٹ کے مختلف اہم عناصر تھے۔ آئیے ، اب اس ٹائپ اسکرپٹ ٹیوٹوریل کے ساتھ آگے بڑھیں اور استعمال کے معاملے کو سمجھنے کے لئے ایک مثال دیکھیں۔
ٹائپ اسکرپٹ ٹیوٹوریل: کیس استعمال کریں
یہاں ، ہم سیکھیں گے کہ موجودہ کو کیسے تبدیل کیا جائے ٹائپ اسکرپٹ پر
جب ہم ٹائپ اسکرپٹ فائل مرتب کرتے ہیں تو ، اسی نام کے ساتھ اسی سے جاوا اسکرپٹ فائل تیار ہوتی ہے۔ یہاں ، ہمیں یہ یقینی بنانا ہوگا کہ ہماری اصل جاوا اسکرپٹ فائل جو ان پٹ کے بطور کام کرتی ہے اسی ڈائرکٹری میں نہیں ہوسکتی ہے تاکہ ٹائپ اسکرپٹ ان کو اوور رائیڈ نہ کرے۔
جاوا اسکرپٹ سے ٹائپ اسکرپٹ میں منتقل ہونے کے عمل میں درج ذیل اقدامات شامل ہیں:
1. پروجیکٹ کے لئے tsconfig.json فائل شامل کریں
آپ کو پروجیکٹ میں tsconfig.json فائل شامل کرنے کی ضرورت ہے۔ پروجیکٹ کے تالیف کے اختیارات کے نظم و نسق کے لئے ٹائپ اسکرپٹ tsconfig.json فائل استعمال کرتا ہے ، جیسے کہ آپ کون سی فائلیں شامل کرنا اور خارج کرنا چاہتے ہیں۔
comp 'compilerOptions': {'outDir': './built'، 'परवानगी جے': سچ، 'ہدف': 'es5'}، 'شامل':: ['./src/**/*']}2. ایک تعمیر کے آلے کے ساتھ ضم
زیادہ تر جاوا اسکرپٹ پروجیکٹس میں مربوط بلڈ ٹول ہوتا ہے جیسے گلپ یا ویب پیک۔ آپ مندرجہ ذیل طریقوں سے منصوبوں کو ویب پیک کے ساتھ مربوط کرسکتے ہیں۔
- ٹرمینل پر درج ذیل کمانڈ چلائیں:
$ npm انسٹال کریں زبردست ٹائپ اسکرپٹ-لوڈر سورس میپ - لوڈرویب پیک انضمام میں ، آپ ماخذ کوڈ کی آسانی سے ڈیبگنگ کے لئے ماخذ نقشہ - لوڈر کے ساتھ مل کر خوفناک قسم کے اسکرپٹ-لوڈر کا استعمال کرتے ہیں۔
- دوم ، لوڈرز کو شامل کرنے کے لئے ماڈیول کنفگریٹ پراپرٹی کو ہماری ویبپیک کوون فائی جی جے فائل میں ضم کریں۔
3. تمام .js فائلوں کو .ts فائلوں میں منتقل کریں
اس مرحلے میں ، آپ کو .js فائل کو .ts فائل کا نام تبدیل کرنا ہوگا۔ اسی طرح ، اگر فائل JSX استعمال کرتی ہے تو ، آپ کو اس کا نام تبدیل کرنے کی ضرورت ہوگی .tsx. اب ، اگر ہم اس فائل کو کسی ایڈیٹر میں کھولتے ہیں جو ٹائپ اسکرپٹ کی حمایت کرتا ہے تو ، ممکن ہے کہ کچھ کوڈ تالیف کی غلطیاں دینا شروع کردیں۔ لہذا ، فائلوں کو یکے بعد دیگرے تبدیل کرنے سے تالیف کی غلطیوں کو آسانی سے ہینڈل کرنے کی سہولت ملتی ہے۔ اگر ٹائپ اسکرپٹ کو تبادلوں کے دوران کوئی تالیف کی غلطیاں ملتی ہیں ، تو پھر بھی اس کوڈ کا ترجمہ کرنے میں اہل ہے۔
4. غلطیوں کے لئے چیک کریں
جے ایس فائل کو ٹی ایس فائل میں منتقل کرنے کے بعد ، فورا. ہی ٹائپ اسکرپٹ ہمارے کوڈ کی ٹائپ چیکنگ شروع کردے گا۔ لہذا ، آپ کو جاوا اسکرپٹ کوڈ میں تشخیصی غلطیاں مل سکتی ہیں۔
5. تیسری پارٹی کے جاوا اسکرپٹ لائبریریوں کا استعمال کریں
جاوا اسکرپٹ پروجیکٹس جیسے تیسری پارٹی کے لائبریریوں کا استعمال کرتے ہیں یا لوداش۔ فائلوں کو مرتب کرنے کے لئے ، ٹائپ اسکرپٹ کو ان لائبریریوں میں موجود تمام اشیاء کی قسموں کو جاننے کی ضرورت ہے۔ جاوا اسکرپٹ لائبریریوں کیلئے ٹائپ اسکرپٹ ٹائپ ڈیفنس فائلیں پہلے سے ہی DefinitelyType پر دستیاب ہیں۔ لہذا ، اس قسم کو بیرونی طور پر انسٹال کرنے کی ضرورت نہیں ہے۔ آپ کو صرف ان اقسام کو انسٹال کرنے کی ضرورت ہے جو ہمارے پروجیکٹ میں استعمال ہوتی ہیں۔
jQuery کے لئے ، آپ تعریف انسٹال کرسکتے ہیں۔
pm npm انسٹال کریں @ اقسام / jqueryاس کے بعد ، جاوا اسکرپٹ پروجیکٹ میں تبدیلیاں کریں ، بلڈ ٹول چلائیں۔ اب ، آپ کو ٹائپ اسکرپٹ پروجیکٹ کو سادہ جاوا اسکرپٹ میں مرتب کرنا چاہئے جو برائوزر میں چلایا جاسکتا ہے۔
اس کے ساتھ ، ہم اس ٹائپ اسکرپٹ ٹیوٹوریل کے اختتام پر پہنچ گئے ہیں۔ مجھے امید ہے کہ آپ ٹائپ اسکرپٹ کے تمام اہم عناصر کو سمجھ گئے ہوں گے۔
چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرتے ہوئے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔
ہمارے لئے ایک سوال ہے؟ براہ کرم 'ٹائپ اسکرپٹ ٹیوٹوریل' کے تبصرے سیکشن میں اس کا تذکرہ کریں اور ہم آپ کو واپس ملیں گے۔