টাইপস্ক্রিপ্ট টিউটোরিয়াল: টাইপস্ক্রিপ্টের মৌলিক বিষয়গুলি সম্পর্কে জানুন



টাইপস্ক্রিপ্ট জাভাস্ক্রিপ্টের একটি দৃ strongly়ভাবে টাইপ করা সুপারসেট। এই টাইপস্ক্রিপ্ট টিউটোরিয়ালে, আমরা গভীরতাতে প্রবেশ করব এবং বেসিকগুলি বুঝতে পারি।

টাইপস্ক্রিপ্ট একটি দৃ strongly়ভাবে টাইপ করা সুপারসেট যা সরল জাভাস্ক্রিপ্টে সংকলন করে। আপনি অ্যাপ্লিকেশন-স্কেল জাভাস্ক্রিপ্ট বিকাশের জন্য এই ভাষাটি ব্যবহার করতে পারেন। এছাড়াও, এটি যে কোনও ব্রাউজার, যে কোনও হোস্ট এবং যে কোনও অপারেটিং সিস্টেমে চালিত হতে পারে। এই টাইপস্ক্রিপ্ট টিউটোরিয়ালে, আমরা টাইপস্ক্রিপ্টের গভীরতায় প্রবেশ করব এবং নিম্নলিখিত অনুক্রমের বেসিকগুলি বুঝতে পারি:

টাইপস্ক্রিপ্টের ভূমিকা

টাইপস্ক্রিপ্ট জাভাস্ক্রিপ্টের একটি টাইপ করা সুপারসেট যা সাধারণ জাভাস্ক্রিপ্টকে সংকলন করে। টাইপস্ক্রিপ্ট ক্লাস, ইন্টারফেস এবং স্ট্যাটিকালি টাইপড প্রোগ্রামিং ল্যাঙ্গুয়েজের সাথে খাঁটি অবজেক্ট-ওরিয়েন্টেড সি # বা । জাভাস্ক্রিপ্ট ফাইলে সংকলন ও উত্পন্ন করতে এর একটি সংকলক প্রয়োজন। মূলত, টাইপস্ক্রিপ্টটি অতিরিক্ত কিছু বৈশিষ্ট্যযুক্ত জাভাস্ক্রিপ্টের ES6 সংস্করণ।





একটি ফাইলে একটি টাইপস্ক্রিপ্ট কোড লেখা হয় .ts এক্সটেনশন এবং তারপরে সংকলকটি ব্যবহার করে জাভাস্ক্রিপ্টে সংকলিত। আপনি যে কোনও কোড সম্পাদকে ফাইলটি লিখতে পারেন এবং সংকলকটি আপনার প্ল্যাটফর্মে ইনস্টল করা প্রয়োজন। ইনস্টলেশন পরে, কমান্ড tsc .ts টাইপস্ক্রিপ্ট কোডটিকে একটি সরল জাভাস্ক্রিপ্ট ফাইলে সংকলন করে।

বাক্য গঠন:



var বার্তা: স্ট্রিং = 'এডুরেকায় আপনাকে স্বাগতম!' কনসোল.লগ (বার্তা)

সংকলনের সময়, এটি নিম্নলিখিত জাভাস্ক্রিপ্ট কোড উত্পন্ন করে:

// টাইপসক্রিপ্ট দ্বারা উত্পাদিত 1.8.10 var বার্তা = 'এডুরেকায় আপনাকে স্বাগতম!' কনসোল.লগ (বার্তা)

টাইপস্ক্রিপ্টের বৈশিষ্ট্য

বৈশিষ্ট্য - টাইপস্ক্রিপ্ট টিউটোরিয়াল - এডুরেকা

  • ক্রস প্ল্যাটফর্ম: টাইপস্ক্রিপ্ট সংকলক উইন্ডোজ, ম্যাকস এবং লিনাক্সের মতো কোনও অপারেটিং সিস্টেমে ইনস্টল করা যেতে পারে।



  • অবজেক্ট-ওরিয়েন্টেড ল্যাঙ্গুয়েজ : টাইপস্ক্রিপ্ট এর মতো বৈশিষ্ট্য সরবরাহ করে ক্লাস , ইন্টারফেস এবং মডিউল। সুতরাং এটি ক্লায়েন্ট-সাইডের পাশাপাশি সার্ভার-সাইড বিকাশের জন্য অবজেক্ট-ওরিয়েন্টেড কোড লিখতে পারে।

  • স্ট্যাটিক টাইপ-চেকিং : টাইপস্ক্রিপ্ট স্থিতিশীল টাইপিং ব্যবহার করে এবং সংকলন সময়ে টাইপ চেকিংয়ে সহায়তা করে। সুতরাং, আপনি স্ক্রিপ্টটি চালনা না করে কোড লেখার সময় ত্রুটিগুলি খুঁজে পেতে পারেন।

  • Ptionচ্ছিক স্ট্যাটিক টাইপিং : আপনি জাভাস্ক্রিপ্টের গতিশীল টাইপিং ব্যবহার করছেন ক্ষেত্রে টাইপস্ক্রিপ্ট optionচ্ছিক স্ট্যাটিক টাইপিংয়েরও অনুমতি দেয়।

  • ডিওএম ম্যানিপুলেশন : আপনি উপাদান যুক্ত করতে বা অপসারণের জন্য ডিওএম চালনা করতে টাইপস্ক্রিপ্ট ব্যবহার করতে পারেন।

  • ES 6 বৈশিষ্ট্য : টাইপস্ক্রিপ্টে ক্লাস, ইন্টারফেস, তীর ফাংশন ইত্যাদির মতো পরিকল্পিত ECMAScript 2015 (ES 6, 7) এর বেশিরভাগ বৈশিষ্ট্য রয়েছে includes

টাইপস্ক্রিপ্ট ব্যবহারের সুবিধা

  • টাইপস্ক্রিপ্ট হয় দ্রুত, সহজ, শেখার জন্য সহজ এবং যে কোনও ব্রাউজার বা জাভাস্ক্রিপ্ট ইঞ্জিনে চলে।

  • এটা অনুরূপ প্রতি জাভাস্ক্রিপ্ট এবং একই বাক্য গঠন এবং শব্দার্থবিজ্ঞান ব্যবহার করে।

    স্নাতকোত্তর স্নাতকোত্তর
  • এটি ব্যাকএন্ড বিকাশকারীদের ফ্রন্ট-এন্ড লিখতে সহায়তা করে দ্রুত কোড

  • টাইপস্ক্রিপ্ট কোডটি একটি থেকে কল করা যেতে পারে বিদ্যমান জাভাস্ক্রিপ্ট কোড । এছাড়াও, এটি কোনও সমস্যা ছাড়াই বিদ্যমান জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক এবং লাইব্রেরিগুলির সাথে কাজ করে।

  • .D.ts এক্সটেনশন সহ সংজ্ঞা ফাইলটি বিদ্যমান জাভাস্ক্রিপ্ট লাইব্রেরির জন্য সমর্থন সরবরাহ করে জ্যাকোয়ারি, ডি 3.জেএস ইত্যাদি। সুতরাং, টাইপস্ক্রিপ্ট কোড যুক্ত করতে পারেন জাভাস্ক্রিপ্ট লাইব্রেরি বিদ্যমান গতিশীল টাইপযুক্ত জাভাস্ক্রিপ্ট লাইব্রেরিতে টাইপ-চেকিং, কোড স্বতঃপূরণ এবং ডকুমেন্টেশনের সুবিধা পেতে টাইপ সংজ্ঞা ব্যবহার করে।

  • এটি থেকে বৈশিষ্ট্য অন্তর্ভুক্ত ES6 এবং ES7 যা ES5- স্তরের জাভাস্ক্রিপ্ট ইঞ্জিনগুলির মতো চলতে পারে নোড.জেএস

টাইপস্ক্রিপ্ট কী তা আপনি বুঝতে পেরেছেন, আসুন এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলুন এবং বিভিন্ন প্রকারের দিকে একবার নজর দিন।

প্রকারের স্ক্রিপ্ট প্রকার

টাইপ সিস্টেম ভাষা দ্বারা সমর্থিত বিভিন্ন ধরণের মানকে উপস্থাপন করে। এটি পরীক্ষা করে বৈধতা সরবরাহ করা মান প্রোগ্রামের দ্বারা সেগুলি সংরক্ষণ বা চালিত হওয়ার আগে।

এটি দুটি ধরণের মধ্যে শ্রেণীবদ্ধ করা যেতে পারে যেমন:

  • অন্তর্নির্মিত : এটিতে নম্বর, স্ট্রিং, বুলিয়ান, শূন্য, নাল এবং অপরিজ্ঞাত অন্তর্ভুক্ত রয়েছে।
  • ব্যবহারকারী সংজ্ঞায়িত : এটিতে এনুমারেশনস (এনাম), শ্রেণি, ইন্টারফেস, অ্যারে এবং টিপল অন্তর্ভুক্ত রয়েছে।

এবার এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলি এবং ভেরিয়েবল সম্পর্কে আরও বুঝতে পারি।

টাইপস্ক্রিপ্ট টিউটোরিয়াল: চলক

একটি ভেরিয়েবল হ'ল মেমোরিতে একটি নামী স্থান যা মান সংরক্ষণ করতে ব্যবহৃত হয়।

টাইপস্ক্রিপ্টে ভেরিয়েবল ঘোষণার জন্য টাইপ সিনট্যাক্সের মধ্যে ভেরিয়েবল নামের পরে একটি কোলন (:) অন্তর্ভুক্ত থাকে এবং তার ধরণটি অনুসরণ করে। জাভাস্ক্রিপ্ট অনুরূপ, আমরা ব্যবহার var কীওয়ার্ড একটি ভেরিয়েবল ঘোষণা করতে।

যখন আমরা একটি ভেরিয়েবল ঘোষণা করি তখন চারটি বিকল্প রয়েছে:

var [সনাক্তকারী]: [টাইপ-টিকা] = মান
var [সনাক্তকারী]: [টাইপ-টিকা]
var [সনাক্তকারী] = মান
var [সনাক্ত]

উদাহরণ:

var নাম: স্ট্রিং = 'ডেইজি' var এমপিড: সংখ্যা = 1001 কনসোল.লগ ('নাম' + নাম) কনসোল.লগ ('কর্মচারী আইডি' + এমপিড)

সংকলনের সময়, এটি নিম্নলিখিত জাভাস্ক্রিপ্ট কোড উত্পন্ন করবে:

// টাইপস্ক্রিপ্ট 1.8.10 var নাম = 'ডেইজি' var এমপিড = 1001 কনসোল.লগ ('নাম' + নাম) কনসোল.লগ ('কর্মচারী আইডি:' + এমপিড) দ্বারা উত্পন্ন

আউটপুট:

নাম: ডেইজি
কর্মচারী আইডি: 1001

এখন আসুন আমাদের টাইপস্ক্রিপ্ট টিউটোরিয়ালের পরবর্তী বিষয়ের দিকে এগিয়ে যাওয়া যাক।

অপারেটর

কোনও অপারেটর ফাংশনগুলি সংজ্ঞায়িত করতে ব্যবহৃত হয় যা ডেটাতে সঞ্চালিত হবে। অপারেটররা যে ডেটাতে কাজ করে তাকে অপারেন্ডস বলে। বিভিন্ন ধরণের আছে অপারেটর টাইপস্ক্রিপ্টে যেমন:

  • পাটিগণিত অপারেটর
  • লজিক্যাল অপারেটর
  • রিলেশনাল অপারেটর
  • বিটওয়াইস অপারেটর
  • অ্যাসাইনমেন্ট অপারেটর

পাটিগণিত অপারেটর

অপারেটর বর্ণনা

সংযোজন (+)

অপারেন্ডসের যোগফল প্রদান করে

বিয়োগ (-)

মানগুলির পার্থক্য প্রদান করে

গুণ (*)

মানগুলির পণ্যটি প্রদান করে

বিভাগ (/)

বিভাগ অপারেশন সম্পাদন করে এবং ভাগফলকে প্রদান করে

মডুলাস (%)

বিভাগ ক্রিয়াকলাপ সম্পাদন করে এবং অবশিষ্টটিকে প্রদান করে

বৃদ্ধি (++)

ভেরিয়েবলের মান এক করে বাড়ায়

হ্রাস (-)

একের মাধ্যমে ভেরিয়েবলের মান হ্রাস করে

উদাহরণ:

var num1: সংখ্যা = 10 var num2: সংখ্যা = 2 var res: সংখ্যা = 0 res = num1 + num2 কনসোল.লগ ('যোগফল: + + রেজো) res = num1 - num2 কনসোল.লগ (' পার্থক্য: '+ রেজ) res = num1 * num2 কনসোল.লগ ('পণ্য:' + রেজোল)

আউটপুট:

যোগফল: 12
পার্থক্য: 8
পণ্য: 20

লজিক্যাল অপারেটর

অপারেটর বর্ণনা

এবং (&&)

এটি সমস্ত সত্যই প্রত্যাশিত যদি সমস্ত অভিব্যক্তি নির্দিষ্ট করে ফিরে আসে

বা (||)

যদি কমপক্ষে একটিরও এক্সপ্রেশন নির্দিষ্ট করে ফেরত দেয় তবে এটি সত্য হয়

না (!)

এটি অভিব্যক্তির ফলাফলের বিপরীতটি প্রদান করে।

উদাহরণ:

var গড়: সংখ্যা = 20 বার শতাংশ: সংখ্যা = 90 কনসোল.লগ ('গড়ের মান:' + গড় + ', শতাংশের মান:' + শতাংশ) ভরি রেজাল্ট: বুলিয়ান = ((গড়> 50)) && (শতাংশ> 80) )) কনসোল.লগ ('(গড়> 50) && (শতাংশ> 80):', পুনরায়)

আউটপুট:

গড়ের মান: 20, শতাংশের মান: 90
(গড়> 50) && (শতাংশ> 80): মিথ্যা

রিলেশনাল অপারেটর

অপারেটর বর্ণনা

>

অপেক্ষা বৃহত্তর

<

এর চেয়ে কম

> =

এর চেয়ে বড় বা সমান

<=

এর চেয়ে কম বা সমান

==

সমতা

! =

সমান না

উদাহরণ:

var num1: সংখ্যা = 10 var num2: সংখ্যা = 7 কনসোল.লগ ('num1 এর মান:' + num1) কনসোল.লগ ('num2 এর মান:' + num2) var res = num1> num2 কনসোল.লগ ('num1 num2: '+ res) res = num1 এর চেয়ে বড়

আউটপুট:

সংখ্যা 1: 10 এর মান
সংখ্যা 2: 7 এর মান
num1 num2 এর চেয়ে বড়: সত্য
num1 num2 এর চেয়ে কম: মিথ্যা

বিটওয়াইস অপারেটর

অপারেটর বর্ণনা

বিটওয়াইস এবং (&)

এর পূর্ণসংখ্যার প্রতিটি আর্গুমেন্টে বুলিয়ান এবং অপারেশন সম্পাদন করে।

তিতির দিকে বা (|)

এটি তার পূর্ণসংখ্যার প্রতিটি আর্গুমেন্টে বুলিয়ান বা অপারেশন সম্পাদন করে।

বিটওয়াইজ এক্সওআর (^)

এটি তার পূর্ণসংখ্যার প্রতিটি আর্গুমেন্টে বুলিয়ান এক্সক্লুসিভ বা অপারেশন সম্পাদন করে।

তিতিরূপে নয় (~)

এটি একটি অ্যানারি অপারেটর এবং অপারেন্ডের সমস্ত বিটকে বিপরীত করে পরিচালনা করে।

বাম স্থানান্তর (<<)

এটি দ্বিতীয় অপারেন্ডে নির্দিষ্ট জায়গাগুলির সংখ্যা দ্বারা তার প্রথম অপরেন্ডের সমস্ত বিটগুলি বাম দিকে নিয়ে যায়।

ডান শিফট (>>)

বাম অপারেন্ডের মান ডান অপারেন্ড দ্বারা নির্দিষ্ট করা বিটের সংখ্যা দ্বারা ডানদিকে সরানো হয়।

জিরোর সাথে ডান শিফট (>>>)

এটি >> অপারেটরের মতো, বাম দিকে সরানো বিটগুলি সর্বদা শূন্য থাকে except

উদাহরণ:

var a: সংখ্যা = 2 // বিট উপস্থাপনা 10 var বি: সংখ্যা = 3 // বিট উপস্থাপনা 11 ভের ফলাফল ফলাফল = (একটি এবং খ) কনসোল.লগ ('(a & b) =>', ফলাফল) ফলাফল = ( a | b) console.log ('(a | b) =>', ফলাফল)

আউটপুট:

(a & b) => 2
(a | b) => 3

অ্যাসাইনমেন্ট অপারেটর

অপারেটর বর্ণনা

সাধারণ অ্যাসাইনমেন্ট (=)

ডান দিকের অপারেন্ড থেকে বাম পাশের অপরেন্ডে মানগুলি নির্ধারণ করে

যোগ করুন এবং অ্যাসাইনমেন্ট (+ =)

এটি বাম অপারেন্ডে ডান অপরেন্ড যুক্ত করে এবং ফলাফলটি বাম অপারেন্ডে বরাদ্দ করে।

বিয়োগ ও অ্যাসাইনমেন্ট (- =)

এটি বাম অপারেন্ড থেকে ডান অপরেন্ডাকে বিয়োগ করে এবং ফলাফলকে বাম অপারেন্ডে বরাদ্দ করে।

গুণ এবং অ্যাসাইনমেন্ট (* =)

এটি বাম অপারেন্ডের সাথে ডান অপরেন্ডকে গুণ করে এবং ফলাফলকে বাম অপারেন্ডকে বরাদ্দ করে।

ভাগ এবং অ্যাসাইনমেন্ট (/ =)

এটি ডান অপরেন্ডের সাথে বাম অপারেন্ডকে বিভক্ত করে এবং ফলাফলটি বাম অপারেন্ডকে বরাদ্দ করে।

উদাহরণ:

var a: সংখ্যা = 12 var b: সংখ্যা = 10 a = b কনসোল.লগ ('a = b:' + a) a + = b কনসোল.লগ ('a + = b:' + a) a - = b কনসোল .log ('a- = b:' + a)

আউটপুট:

a = b: 10
a + = b: 20
a - = b: 10

এই ছিল বিভিন্ন অপারেটর। এখন আসুন আমাদের টাইপস্ক্রিপ্ট টিউটোরিয়াল দিয়ে এগিয়ে চলুন এবং লুপগুলি সম্পর্কে শিখি।

লুপস

এমন পরিস্থিতিতে থাকতে পারে যখন কোডের একটি ব্লককে বেশ কয়েকটি সংখ্যক বার কার্যকর করা দরকার। ক লুপ বিবৃতি আমাদের এক বিবৃতি বা বিবৃতিগুলির গ্রুপকে একাধিকবার কার্যকর করতে সহায়তা করে।

প্রকারের স্ক্রিপ্ট লুপগুলি শ্রেণীবদ্ধ করা যেতে পারে:

লুপের জন্য

দ্য লুপ জন্য একটি নির্দিষ্ট লুপ একটি বাস্তবায়ন।

বাক্য গঠন:

(প্রথম প্রকাশ দ্বিতীয় প্রকাশ তৃতীয় অভিব্যক্তি) জন্য {// বিবৃতি বারবার কার্যকর করা হবে}

এখানে, লুপটি শুরু হওয়ার আগে প্রথম এক্সপ্রেশনটি কার্যকর করা হয়। দ্বিতীয় এক্সপ্রেশনটি লুপটি কার্যকর করার শর্ত। এবং তৃতীয় এক্সপ্রেশন প্রতিটি কোড ব্লক কার্যকর করার পরে কার্যকর করা হয়।

উদাহরণ:

(যাক i = 0 i)<2 i++) { console.log ('Execute block statement' + i) }

আউটপুট:

ব্লক স্টেটমেন্ট 0 কার্যকর করুন
ব্লক স্টেটমেন্ট কার্যকর করুন 1

যখন লুপ

যখন লুপটি শর্তটি নির্দিষ্ট করে ততক্ষণ নির্দেশকে কার্যকর করে true

বাক্য গঠন:

(শর্ত প্রকাশ) expression // কোড ব্লক কার্যকর করা হবে while

উদাহরণ:

আসুন আমি: সংখ্যা = 1 সময় (i<3) { console.log( 'Block statement execution no.' + i ) i++ }

আউটপুট:

ব্লক বিবৃতি কার্যকর করা নং 1
ব্লক বিবৃতি কার্যকরকরণ নং 2

কর..উত্তর লুপ

ডু ও হেল্পিপিং লুপটি লুপটির সাথে সমান, তা ছাড়া এটি প্রথমবার লুপটি কার্যকর করে শর্তটি মূল্যায়ন করে না।

বাক্য গঠন:

কার্যকর করতে হবে {// কোড ব্লক করুন condition যখন (শর্ত প্রকাশ)

উদাহরণ:

আসুন আমি: সংখ্যা = 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 সংখ্যা: সংখ্যা = 0 ভ্যার গণনা: সংখ্যা = 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

এগুলি টাইপস্ক্রিপ্টের বিভিন্ন লুপ ছিল। এখন, আমাদের টাইপস্ক্রিপ্ট টিউটোরিয়াল দিয়ে এগিয়ে চলুন এবং কার্যকারিতা বুঝতে।

কার্যাদি

জাভাস্ক্রিপ্টে, ফাংশন এটি একটি কার্যকরী প্রোগ্রামিং ভাষা হওয়ায় এটি অন্যতম গুরুত্বপূর্ণ অংশ। কার্যগুলি নিশ্চিত করে যে প্রোগ্রামটি রক্ষণাবেক্ষণযোগ্য এবং পুনরায় ব্যবহারযোগ্য এবং পাঠযোগ্য ব্লকগুলিতে সংগঠিত। যদিও টাইপস্ক্রিপ্ট ক্লাস এবং মডিউলগুলির ধারণা সরবরাহ করে, ফাংশনগুলি এখনও ভাষার একটি অবিচ্ছেদ্য অঙ্গ।

নামকরণ কার্যাদি

একটি নামিত ফাংশনটি তার প্রদত্ত নামের দ্বারা কোনও ক্রিয়াকলাপ ডিক্লেয়ার এবং কল করতে ব্যবহৃত হয়।

উদাহরণ:

ফাংশন ডিসপ্লে () {কনসোল.লগ ('টাইপস্ক্রিপ্ট ফাংশন')} ডিসপ্লে ()

আউটপুট:

টাইপস্ক্রিপ্ট ফাংশন

বেনামে ফাংশন

একটি বেনাম ফাংশন হ'ল যা একটি এক্সপ্রেশন হিসাবে সংজ্ঞায়িত করা হয়। এই এক্সপ্রেশনটি একটি ভেরিয়েবলে সংরক্ষণ করা হয়। এই ফাংশনটি ভেরিয়েবলের নামটি ব্যবহার করে ফাংশনটি সঞ্চিত রয়েছে।

উদাহরণ:

গ্রিটিং = ফাংশন () {কনসোল.লগ ('টাইপস্ক্রিপ্ট ফাংশন')} গ্রিটিং ()

আউটপুট:

টাইপস্ক্রিপ্ট ফাংশন

তীর ফাংশন

ফ্যাট অ্যারো নোটেশনগুলি বেনামে ফাংশনগুলির জন্য ব্যবহৃত হয় অর্থাৎ ফাংশন এক্সপ্রেশনগুলির জন্য। এগুলিকে অন্যান্য ভাষায় ল্যাম্বদা ফাংশনও বলা হয়।

ফর্ম্যাট অজগর থেকে কি করে

বাক্য গঠন:

(প্যারাম 1, প্যারাম 2, ..., প্যারামএন) => প্রকাশ

চর্বিযুক্ত তীর (=>) ব্যবহার করে ‘ফাংশন’ কীওয়ার্ডটি ব্যবহারের প্রয়োজনীয়তা হ্রাস পায়। প্যারামিটারগুলি কৌণিক বন্ধনীগুলিতে পাস হয় এবং ফাংশন এক্সপ্রেশনটি কোঁকড়া বন্ধনী rac} এর মধ্যে আবদ্ধ থাকে}

উদাহরণ:

যাক যোগ = (x: সংখ্যা, y: সংখ্যা): সংখ্যা => {রিটার্ন x + y} যোগ (10, 30) // ফেরত 40

ফাংশন ওভারলোডিং

টাইপস্ক্রিপ্ট ফাংশন ওভারলোডিংয়ের ধারণা সরবরাহ করে। সুতরাং, আপনার একই নামের সাথে একাধিক ফাংশন থাকতে পারে তবে বিভিন্ন প্যারামিটারের ধরন এবং রিটার্ন টাইপ।

উদাহরণ:

ফাংশন অ্যাড (একটি: স্ট্রিং, বি: স্ট্রিং): স্ট্রিং ফাংশন অ্যাড (একটি: সংখ্যা, বি: সংখ্যা): সংখ্যা ফিরে আসে একটি + বি} অ্যাড ('হ্যালো', 'এডুরেকা') // রিটার্ন 'হ্যালো এডুরেকা' অ্যাড ( 10, 10) // 20 প্রদান করে

উপরের উদাহরণে, দুটি ফাংশন ঘোষণা এবং একটি ফাংশন বাস্তবায়ন সহ আমাদের একই ফাংশন অ্যাড () রয়েছে। প্রথম স্বাক্ষরটিতে টাইপ স্ট্রিংয়ের দুটি পরামিতি রয়েছে, তবে দ্বিতীয় স্বাক্ষরে টাইপের সংখ্যার দুটি পরামিতি রয়েছে।

এগুলি বিভিন্ন ধরণের ফাংশন। এখন, আমাদের টাইপস্ক্রিপ্ট টিউটোরিয়াল দিয়ে এগিয়ে চলুন এবং টাইপস্ক্রিপ্টে স্ট্রিংগুলি বুঝতে পারি।

টাইপস্ক্রিপ্ট টিউটোরিয়াল: স্ট্রিংস

দ্য পাঠ্য ডেটা সঞ্চয় করতে ব্যবহৃত হয় এমন একটি আদিম ডাটা টাইপ। স্ট্রিং মানগুলি একক উদ্ধৃতি চিহ্ন বা ডাবল উদ্ধৃতি চিহ্ন দ্বারা বেষ্টিত থাকে।

বাক্য গঠন:

var var_name = নতুন স্ট্রিং (স্ট্রিং)

স্ট্রিং অবজেক্টে পদ্ধতির বিভিন্ন বৈশিষ্ট্য রয়েছে যেমন:

  • নির্মাতা - এটি স্ট্রিং ফাংশনটিতে একটি রেফারেন্স দেয় যা বস্তুটি তৈরি করেছিল
  • দৈর্ঘ্য - এটি স্ট্রিংয়ের দৈর্ঘ্য প্রদান করে
  • প্রোটোটাইপ - এই সম্পত্তি আপনাকে কোনও বস্তুর সাথে বৈশিষ্ট্য এবং পদ্ধতি যুক্ত করতে দেয়

উদাহরণ:

যাক নাম = নতুন স্ট্রিং ('স্বাগতম এডুরেকা!') কনসোল.লগ ('বার্তা:' + নাম) কনসোল.লগ ('দৈর্ঘ্য:' + নাম. দৈর্ঘ্য)

আউটপুট:

বার্তা: এডুরেকায় আপনাকে স্বাগতম!
দৈর্ঘ্য: 19

স্ট্রিং পদ্ধতি

স্ট্রিং অবজেক্টের পদ্ধতির তালিকার মধ্যে রয়েছে:

পদ্ধতি বর্ণনা

CharAt ()

এটি নির্দিষ্ট সূচকে অক্ষরটি প্রদান করে

CharCodeAt ()

এটি প্রদত্ত সূচকে অক্ষরের ইউনিকোড মান নির্দেশ করে এমন একটি নম্বর প্রদান করে

কনক্যাট ()

দুটি স্ট্রিংয়ের পাঠ্য একত্রিত করে একটি নতুন স্ট্রিং প্রদান করে

সূচিপত্র()

নির্দিষ্ট মানটির প্রথম সংঘটনটির কলিং স্ট্রিং অবজেক্টের মধ্যে সূচকটি প্রদান করে

সর্বশেষ তালিকা ()

এটি নির্দিষ্ট মানটির শেষ ঘটনাটির কলিং স্ট্রিং অবজেক্টের মধ্যে সূচকটি প্রদান করে

ম্যাচ()

কোনও স্ট্রিংয়ের বিরুদ্ধে নিয়মিত প্রকাশের সাথে মেলে Used

লোকালকম্পার ()

একটি রেফারেন্স স্ট্রিং আগে বা পরে আসে বা সাজানো ক্রমে প্রদত্ত স্ট্রিংয়ের সমান হয় কিনা তা নির্দেশ করে এমন একটি নম্বর প্রদান করে

অনুসন্ধান ()

এটি নিয়মিত প্রকাশ এবং একটি নির্দিষ্ট স্ট্রিংয়ের মধ্যে ম্যাচের জন্য অনুসন্ধান চালায়

প্রতিস্থাপন ()

একটি নিয়মিত এক্সপ্রেশন এবং স্ট্রিংয়ের মধ্যে মিল খুঁজে পেতে এবং ম্যাচযুক্ত স্ট্রিংটিকে নতুন স্ট্রিংয়ের সাথে প্রতিস্থাপন করতে ব্যবহার করা হয়

টুকরো ()

এটি একটি স্ট্রিংয়ের একটি অংশ বের করে এবং একটি নতুন স্ট্রিং প্রদান করে

বিভক্ত ()

স্ট্রিংকে সাবস্ট্রিংগুলিতে আলাদা করে স্ট্রিং অবজেক্টটিকে স্ট্রিংগুলির একটি অ্যারেতে বিভক্ত করে

সাবস্ট্রিট ()

বর্ণের নির্দিষ্ট সংখ্যার মাধ্যমে নির্দিষ্ট স্থানে শুরু করে একটি স্ট্রিংয়ে অক্ষরগুলি প্রদান করে

সাবস্ট্রিং ()

এটি দুটি সূচকের মধ্যবর্তী স্ট্রিংগুলিতে স্ট্রিংগুলিতে অক্ষরগুলি প্রদান করে

toLocaleLowerCase ()

স্ট্রিংয়ের মধ্যে থাকা অক্ষরগুলি বর্তমান লোকেলের প্রতি শ্রদ্ধা জানালে লোয়ার কেসে রূপান্তরিত হয়

toLocaleUpperCase ()

স্ট্রিংয়ের মধ্যে থাকা অক্ষরগুলি বর্তমান লোকেলের প্রতি শ্রদ্ধা জানিয়ে উচ্চতর ক্ষেত্রে রূপান্তরিত হয়

toLowerCase ()

এটি কলিং স্ট্রিংয়ের মানকে নিম্ন কেসে রূপান্তর করে

টুঅপারকেস ()

এটি বড় হাতের মধ্যে রূপান্তরিত কলিং স্ট্রিংয়ের মান প্রদান করে

স্ট্রিং()

নির্দিষ্ট বস্তুর প্রতিনিধিত্ব করে একটি স্ট্রিং প্রদান করে

মান()

নির্দিষ্ট বস্তুর আদিম মান প্রদান করে

উদাহরণ:

আসুন স্ট্রিং: স্ট্রিং = 'এডুরেকাতে আপনাকে স্বাগতম' স্ট্রিংচার্ট (0) // রিটার্নস 'ডাব্লু' স্ট্রিংচার্ট (2) // রিটার্ন 'এল' 'এডুরেকা'তে স্বাগতম স্বাগতম : স্ট্রিং = 'ওয়েলকাম' চলুন str2: স্ট্রিং = 'এডুরেকা' str1.concat (str2) // রিটার্ন 'ওয়েলকামেডুরাকা' str1.concat ('', str2) // রিটার্ন 'ওয়েলকাম এডুরেকা' str1.concat ('' থেকে ' ') // ফেরত' স্বাগত জানাই '

এখন আপনি স্ট্রিং সম্পর্কে জানেন, আসুন এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলুন এবং অ্যারেগুলি বুঝতে পারি।

টাইপস্ক্রিপ্টে অ্যারে

একটি অ্যারে একটি বিশেষ ধরণের ডেটা টাইপ যা ক্রমিকভাবে একটি বিশেষ সিনট্যাক্স ব্যবহার করে বিভিন্ন ডেটা ধরণের একাধিক মান সংরক্ষণ করে। অ্যারের উপাদানগুলি উপাদানটির সাবস্ক্রিপ্ট বা সূচক নামে পরিচিত একটি অনন্য পূর্ণসংখ্যার দ্বারা সনাক্ত করা হয়।

বাক্য গঠন:

var অ্যারে_নাম [: ডেটাটাইপ] // ঘোষণার অ্যারে_নাম = [ভাল ১, ভাল ২, ভালন ..] // সূচনা

উদাহরণ:

নাম দিন: অ্যারের নাম = ['জন', 'ডেইজি', 'রাচেল'] আইডি আইডি দিন: অ্যারে আইডস = [101, 700, 321]

অ্যারে পদ্ধতি

এখানে বিভিন্ন অ্যারে পদ্ধতির তালিকা রয়েছে যা বিভিন্ন উদ্দেশ্যে ব্যবহার করা যেতে পারে:

পদ্ধতি বর্ণনা

ছাঁকনি()

এই অ্যারের সমস্ত উপাদানগুলির সাথে একটি নতুন অ্যারে তৈরি করে যার জন্য সরবরাহিত ফিল্টারিং ফাংশনটি সত্য করে

প্রতি()

যদি এই অ্যারের প্রতিটি উপাদান সরবরাহিত পরীক্ষামূলক ক্রিয়াকে সন্তুষ্ট করে তবে সত্যটি প্রত্যাবর্তন করে

কনক্যাট ()

এই অ্যারে নিয়ে গঠিত নতুন অ্যারেটি অন্য অ্যারেতে যোগ দেয়

সূচিপত্র()

নির্দিষ্ট মানের সমান অ্যারের মধ্যে একটি উপাদানের প্রথম বা সর্বনিম্ন সূচক ফেরত দেয়

প্রতিটির জন্য, প্রত্যেকটির জন্য()

অ্যারেতে প্রতিটি উপাদানের জন্য একটি ফাংশন কল করে

যোগদান ()

একটি অ্যারের সমস্ত উপাদানকে স্ট্রিংয়ে যোগদান করে

সর্বশেষ তালিকা ()

নির্দিষ্ট মানের সমান অ্যারের মধ্যে একটি উপাদানের সর্বশেষ বা বৃহত্তম সূচকটি প্রদান করে

মানচিত্র ()

এই অ্যারের প্রতিটি উপাদানগুলিতে সরবরাহ করা ফাংশন কল করার ফলাফল সহ একটি নতুন অ্যারে তৈরি করে

ধাক্কা ()

অ্যারের শেষে এক বা একাধিক উপাদান যুক্ত করে এবং অ্যারের নতুন দৈর্ঘ্য প্রদান করে

পপ ()

একটি অ্যারের থেকে শেষ উপাদানটি সরান এবং সেই উপাদানটি ফেরত দেয়

হ্রাস ()

অ্যারে এর দুটি মানের বাম থেকে ডানদিকে এককভাবে একটি ফাংশন প্রয়োগ করুন এটি একক মানকে হ্রাস করতে

হ্রাস রাইট ()

একক মানকে হ্রাস করার জন্য ডান থেকে বামে অ্যারের দুটি মানের বিপরীতে একই সাথে একটি ফাংশন প্রয়োগ করুন

বিপরীত ()

একটি অ্যারের উপাদানগুলির ক্রমকে বিপরীত করে

শিফ্ট ()

একটি অ্যারের থেকে প্রথম উপাদানটি সরিয়ে দেয় এবং সেই উপাদানটিকে ফেরত দেয়

টুকরো ()

একটি অ্যারের একটি অংশ বের করে এবং একটি নতুন অ্যারে প্রদান করে

কিছু()

কিভাবে জাভা শক্তি ব্যবহার করতে

যদি এই অ্যারেতে অন্তত একটি উপাদান সরবরাহিত পরীক্ষামূলক ফাংশনটি সন্তুষ্ট করে তবে সত্য হয়

সাজান()

এটি একটি অ্যারের উপাদানগুলি সাজায়

স্ট্রিং()

অ্যারে এবং এর উপাদানগুলি উপস্থাপন করে একটি স্ট্রিং প্রদান করে

বিভাজন ()

এটি অ্যারে থেকে উপাদানগুলিকে যুক্ত করে এবং / অথবা সরিয়ে দেয়

আনশিফ্ট ()

অ্যারের সামনের অংশে এক বা একাধিক উপাদান যুক্ত করে এবং অ্যারের নতুন দৈর্ঘ্য প্রদান করে

উদাহরণ:

var নাম: অ্যারে = ['জন', 'ডেইজি', 'তারা'] নাম.সোর্ট () কনসোল.লগ (নাম) // আউটপুট: ['ডেইজি', 'জন', 'তারা'] কনসোল.লগ ( নাম.পপ ()) // আউটপুট: তারা নাম.পুষ্প ('র্যাচেল') কনসোল.লগ (নাম) // আউটপুট: ['জন', 'ডেইজি', 'রাচেল']

এখন এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলুন এবং ইন্টারফেসগুলি সম্পর্কে শিখি।

টাইপস্ক্রিপ্ট ইন্টারফেস

ইন্টারফেসটি এমন একটি কাঠামো যা আপনার আবেদনে চুক্তিটি সংজ্ঞায়িত করে। এটি ক্লাসগুলি অনুসরণ করার জন্য সিনট্যাক্সটি সংজ্ঞায়িত করে। এটিতে কেবল সদস্যদের ঘোষণাপত্র থাকে এবং সদস্যদের সংজ্ঞা দেওয়ার দায়িত্ব ডেরিভিং শ্রেণীর।

উদাহরণ:

ইন্টারফেস কর্মচারী {এমপিআইডি: নম্বর এমনেইম: স্ট্রিং getSalary: (সংখ্যা) => সংখ্যা // তীর ফাংশন getManagerName (সংখ্যা): স্ট্রিং}

উপরের উদাহরণে, কর্মচারী ইন্টারফেস দুটি বৈশিষ্ট্য অন্তর্ভুক্ত এমপিআইডি এবং এমনারাম । এটিতে একটি পদ্ধতি ঘোষণাও অন্তর্ভুক্ত রয়েছে getSalaray ব্যবহার করে একটি তীর ফাংশন যার মধ্যে একটি নম্বর পরামিতি এবং একটি নম্বর ফেরতের প্রকার অন্তর্ভুক্ত। দ্য getManagerName পদ্ধতিটি একটি সাধারণ ফাংশন ব্যবহার করে ঘোষণা করা হয়।

টাইপস্ক্রিপ্ট ক্লাস

টাইপসক্রিপ্ট ক্লাসগুলি চালু করেছিল যাতে তারা এনক্যাপসুলেশন এবং বিমূর্তকরণের মতো অবজেক্ট-ভিত্তিক কৌশলগুলির সুবিধা গ্রহণ করতে পারে। টাইপস্ক্রিপ্টে শ্রেণি প্ল্যাটফর্ম এবং ব্রাউজারগুলিতে কাজ করতে টাইপস্ক্রিপ্ট সংকলক দ্বারা সরল জাভাস্ক্রিপ্ট ফাংশনগুলিতে সংকলিত হয়।

একটি শ্রেণিতে নিম্নলিখিতগুলি অন্তর্ভুক্ত রয়েছে:

  • নির্মাতা
  • সম্পত্তি
  • পদ্ধতি

উদাহরণ:

শ্রেণীর কর্মচারী {এমপিআইডি: নম্বর এমনেইম: স্ট্রিং কনস্ট্রাক্টর (আইডি: সংখ্যা, নাম: স্ট্রিং) {this.empName = নাম this.empID = ID} getSalary (): সংখ্যা {রিটার্ন 40000}}

উত্তরাধিকার

টাইপস্ক্রিপ্ট সমর্থন করে উত্তরাধিকার যেহেতু এটি একটি বিদ্যমান ক্লাস থেকে নতুন ক্লাস তৈরি করার প্রোগ্রামের দক্ষতা। যে ক্লাসটি আরও নতুন ক্লাস তৈরি করতে প্রসারিত হয় তাকে প্যারেন্ট ক্লাস বা সুপার ক্লাস বলা হয়। নতুন তৈরি ক্লাসগুলিকে চাইল্ড বা সাব ক্লাস বলা হয়।

কোনও শ্রেণি ‘বর্ধিত’ কীওয়ার্ড ব্যবহার করে অন্য শ্রেণির উত্তরাধিকার সূত্রে আসে। শিশু ক্লাসগুলি পিতামাত্ত্বিক শ্রেণীর ব্যক্তিগত সদস্য এবং নির্মাণকারী ব্যতীত সমস্ত সম্পত্তি এবং পদ্ধতির উত্তরাধিকারী। তবে, টাইপস্ক্রিপ্ট একাধিক উত্তরাধিকার সমর্থন করে না।

বাক্য গঠন:

ক্লাস চাইল্ড_ক্লাস_নাম পিতামাতার_ক্লাস_নামকে বাড়িয়ে দেয়

উদাহরণ:

বর্গ ব্যক্তি {নাম: স্ট্রিং কনস্ট্রাক্টর (নাম: স্ট্রিং) {this.name = নাম}} শ্রেণীর কর্মচারী ব্যক্তি প্রসারিত করে {এমপিআইডি: সংখ্যা নির্মাতা (এমপিআইডি: সংখ্যা, নাম: স্ট্রিং) {সুপার (নাম) this.empID = এমপিড} প্রদর্শন নাম (): অকার্যকর {কনসোল.লগ ('নাম =' + এটি.নাম + ', কর্মচারী আইডি =' + এটি.ইম্পিড)} emp এমপ = নতুন কর্মচারী (701, 'জেসন') এমপি.ডিসপ্লেনেম () // নাম = জেসন, কর্মচারী আইডি = 701

এখন আপনি ক্লাস সম্পর্কে জানেন, আসুন এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলুন এবং অবজেক্টস সম্পর্কে শিখি।

টাইপস্ক্রিপ্টে অবজেক্টস

একটি অবজেক্ট একটি উদাহরণ যা কী-মান জোড়ার বিভিন্ন সেট থাকে। মানগুলি স্কেলারের মান বা ফাংশন বা এমনকি অন্য অবজেক্টগুলির একটি অ্যারেও হতে পারে।

বাক্য গঠন:

var অবজেক্ট_নাম = {কী 1: 'মান 1', // স্কেলার মান কী 2: 'মান', কী 3: ফাংশন () {// ফাংশন}, কী 4: ['কন্টেন্ট 1', 'সামগ্রী 2']

একটি অবজেক্টে স্কেলার মান, ফাংশন এবং অ্যারে এবং টিপলসের মতো কাঠামো থাকতে পারে।

উদাহরণ:

var person = {প্রথম নাম: 'ড্যানি', শেষ নাম: 'সবুজ'} // অবজেক্ট অ্যাক্সেস কনসোল.লগ (person.firstname) কনসোল.লগ (person.lastname)

সংকলনের সময়, এটি জাভাস্ক্রিপ্টে একই কোড উত্পন্ন করবে।

আউটপুট:

ড্যানি
সবুজ

এগুলি ছিল টাইপস্ক্রিপ্টের বিভিন্ন গুরুত্বপূর্ণ উপাদান। এখন, এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটি দিয়ে এগিয়ে চলুন এবং ব্যবহারের কেসটি বোঝার জন্য একটি উদাহরণ দেখুন।

টাইপস্ক্রিপ্ট টিউটোরিয়াল: কেস ব্যবহার করুন

এখানে, আমরা কীভাবে বিদ্যমানটিকে রূপান্তর করতে শিখব টাইপস্ক্রিপ্ট থেকে।

আমরা যখন কোনও টাইপস্ক্রিপ্ট ফাইল সংকলন করি তখন এটি একই নামের সাথে সংশ্লিষ্ট জাভাস্ক্রিপ্ট ফাইল তৈরি করে। এখানে, আমাদের নিশ্চিত করতে হবে যে আমাদের মূল জাভাস্ক্রিপ্ট ফাইল যা ইনপুট হিসাবে কাজ করে একই ডিরেক্টরিতে না থাকতে পারে যাতে টাইপস্ক্রিপ্ট সেগুলি ওভাররাইড না করে।

জাভাস্ক্রিপ্ট থেকে টাইপস্ক্রিপ্টে স্থানান্তরিত করার প্রক্রিয়াটিতে নিম্নলিখিত পদক্ষেপগুলি অন্তর্ভুক্ত রয়েছে:

প্রজেক্টে tsconfig.json ফাইল যুক্ত করুন

আপনাকে প্রকল্পে একটি tsconfig.json ফাইল যুক্ত করতে হবে। প্রকল্পের সংকলন বিকল্পগুলি পরিচালনা করার জন্য টাইপসক্রিপ্ট একটি tsconfig.json ফাইল ব্যবহার করে, যেমন কোন ফাইলগুলি আপনি অন্তর্ভুক্ত করতে এবং বাদ দিতে চান।

comp 'সংকলক অপশন': out 'আউটডির': './ বিল্ড', 'অনুমতি জে': সত্য, 'লক্ষ্য': 'এস 5'}, 'অন্তর্ভুক্ত':: ['./src/**/*']}

2. একটি বিল্ড সরঞ্জামের সাথে সংহত করুন

বেশিরভাগ জাভাস্ক্রিপ্ট প্রকল্পগুলিতে গুল্প বা ওয়েবপ্যাকের মতো সংহত বিল্ড সরঞ্জাম রয়েছে। আপনি নিম্নলিখিত উপায়ে ওয়েবপ্যাকের সাথে প্রকল্পগুলিকে সংহত করতে পারেন:

  • টার্মিনালে নিম্নলিখিত কমান্ডটি চালান:
। এনপিএম দুর্দান্ত-টাইপ স্ক্রিপ্ট-লোডার উত্স-মানচিত্র-লোডার ইনস্টল করুন

ওয়েবপ্যাক একীকরণে, উত্স কোডটি সহজেই ডিবাগ করার জন্য আপনি উত্স-মানচিত্র-লোডারটির সাথে মিলিত দুর্দান্ত-প্রকারের স্ক্রিপ্ট-লোডার ব্যবহার করেন।

  • দ্বিতীয়ত, লোডারগুলি অন্তর্ভুক্ত করতে আমাদের ওয়েবপ্যাক.কনফিগ.জেএস ফাইলে মডিউল কনফিগারেশনের সম্পত্তিটি মার্জ করুন।

3. সমস্ত .js ফাইলগুলিকে .ts ফাইলগুলিতে সরান

এই পদক্ষেপে আপনাকে .js ফাইলটির পুনরায় নামকরণ করতে হবে .ts ফাইলে। একইভাবে, ফাইলটি জেএসএক্স ব্যবহার করে, আপনার এটিটির নাম পরিবর্তন করতে হবে .tsx to এখন, যদি আমরা সেই ফাইলটি এমন কোনও সম্পাদকে খুলি যা টাইপস্ক্রিপ্ট সমর্থন করে, কিছু কোড সংকলন ত্রুটি দেওয়া শুরু করতে পারে। সুতরাং একের পর এক ফাইল রূপান্তরকরণের ফলে সংকলন ত্রুটিগুলি আরও সহজে পরিচালনা করা যায়। যদি টাইপস্ক্রিপ্ট রূপান্তরকালে কোনও সংকলন ত্রুটিগুলি খুঁজে পায় তবে এটি কোডটি অনুবাদ করতে সক্ষম হয়।

৪. ত্রুটিগুলি পরীক্ষা করুন

টিএস ফাইল এ জেএস ফাইল সরানোর পরে, তাত্ক্ষণিকভাবে, টাইপসক্রিপ্টটি আমাদের কোডের প্রকারের পরীক্ষা করা শুরু করবে। সুতরাং, আপনি জাভাস্ক্রিপ্ট কোডে ডায়গনিস্টিক ত্রুটি পেতে পারেন।

৫. তৃতীয় পক্ষের জাভাস্ক্রিপ্ট গ্রন্থাগারগুলি ব্যবহার করুন

জাভাস্ক্রিপ্ট প্রকল্পগুলি তৃতীয় পক্ষের লাইব্রেরি পছন্দ করে বা লোডাশ। ফাইলগুলি সংকলন করতে, টাইপস্ক্রিপ্টকে এই লাইব্রেরিতে সমস্ত বস্তুর প্রকারগুলি জানতে হবে। জাভাস্ক্রিপ্ট লাইব্রেরির জন্য টাইপস্ক্রিপ্ট প্রকারের সংজ্ঞা ফাইলগুলি ডেফিনিটি টাইপডে ইতিমধ্যে উপলব্ধ। সুতরাং, এই ধরণের বাহ্যিকভাবে ইনস্টল করার দরকার নেই। আমাদের প্রকল্পে ব্যবহৃত হয় কেবলমাত্র সেগুলি আপনাকে ইনস্টল করতে হবে।

JQuery এর জন্য, আপনি সংজ্ঞাটি ইনস্টল করতে পারেন:

pm npm ইনস্টল করুন @ প্রকারের / jquery ery

এর পরে, জাভাস্ক্রিপ্ট প্রকল্পে পরিবর্তনগুলি করুন, বিল্ড সরঞ্জামটি চালান। এখন, আপনার টাইপস্ক্রিপ্ট প্রকল্পটি ব্রাউজারে চালিত হতে পারে এমন সরল জাভাস্ক্রিপ্টে সংকলিত হওয়া উচিত।

এটির সাহায্যে আমরা এই টাইপস্ক্রিপ্ট টিউটোরিয়ালটির শেষে এসেছি। আমি আশা করি আপনি টাইপস্ক্রিপ্টের সমস্ত গুরুত্বপূর্ণ উপাদান বুঝতে পেরেছেন।

দেখুন লিখেছেন এডুরেকা। ওয়েব ডেভেলপমেন্ট শংসাপত্র প্রশিক্ষণ আপনাকে এইচটিএমএল 5, সিএসএস 3, টুইটার বুটস্ট্র্যাপ 3, জ্যাকুয়ারি এবং গুগল এপিআই ব্যবহার করে কীভাবে চিত্তাকর্ষক ওয়েবসাইট তৈরি করতে শিখতে এবং এটি অ্যামাজন সিম্পল স্টোরেজ সার্ভিসে (এস 3) স্থাপন করতে সহায়তা করবে।

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে এটি 'টাইপস্ক্রিপ্ট টিউটোরিয়াল' এর মন্তব্য বিভাগে উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।