Jassif Team Institution

JavaScript String Templates

স্ট্রিং টেমপ্লেট
টেমপ্লেট স্ট্রিং
টেমপ্লেট আক্ষরিক
একটি প্রিয় সন্তানের অনেক নাম আছে

Back-Tics Syntax

স্ট্রিং সংজ্ঞায়িত করতে টেমপ্লেট স্ট্রিংগুলি উদ্ধৃত করা হয়েছে (""টিকসের পরিবর্তে (``) ব্যবহার করুন:

Example

let text = `Hello World!`;

Quotes Inside Strings

টেমপ্লেট স্ট্রিংগুলি একটি স্ট্রিংয়ের মধ্যে একক এবং দ্বিগুণ উদ্ধৃতি উভয়কেই অনুমতি দেয়:

Example

let text = `He's often called "Johnny"`;

Multiline Strings

টেমপ্লেট স্ট্রিংগুলি বহু-লাইন স্ট্রিংকে অনুমতি দেয়:

Example

let text =
`The quick
brown fox
jumps over
the lazy dog`;

Interpolation

টেমপ্লেট স্ট্রিংগুলি স্ট্রিংগুলিতে ভেরিয়েবলের অনুমতি দেয়।

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

Syntax

${...}

Example - Variable Substitutions

let firstName = "John";
let lastName = "Doe";

let text = `Welcome ${firstName}, ${lastName}!`;

Expression Substitution

টেমপ্লেট স্ট্রিংগুলি স্ট্রিংগুলিতে এক্সপ্রেশনগুলির প্রসারণকে অনুমতি দেয়:

Example

let price = 10;
let VAT = 0.25;

let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

HTML Templates

Example

let header = "Template Strings";
let tags = ["template strings", "javascript", "es6"];

let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
  html += `<li>${x}</li>`;
}

html += `</ul>`;

Browser Support

টেমপ্লেট স্ট্রিং একটি ES6 বৈশিষ্ট্য।

জুন 2017 পর্যন্ত সমস্ত আধুনিক ব্রাউজারে ES6 সম্পূর্ণরূপে সমর্থিত:

Complete String Reference

Template String Benefits

জাভাস্ক্রিপ্ট স্ট্রিং টেমপ্লেট টিউটোরিয়াল

জাভাস্ক্রিপ্টে টেমপ্লেট স্ট্রিংগুলির জন্য পিনটিকগুলি কীভাবে ব্যবহার করা হয়?