Skip to content

Latest commit

 

History

History
23 lines (15 loc) · 974 Bytes

template-string.md

File metadata and controls

23 lines (15 loc) · 974 Bytes

Template string

دسته: JavaScript Basics (ES6+)

که اسم استاندارد آن template literal است

از template literal برای ساخت رشته (string) استفاده می‌شه، ولی خواناتر از + و "..." هست.

console.log(`id:${15 + 15} \nname: ${name} \nage:${age}`);

برای استفاده از این روش، متن رو بین دو بک‌تیک (`) و هر جایی که لازم بود از عبارت‌های JavaScript استفاده بشه {}$ استفاده میشود بجای +

نکته ی جالب در مورد آن این است که برای رفتن به خط بعدی میتوان هم از \n استفاده کرد و هم enter بدون اینکه خطایی ایجاد شود

template literal توی JSX:

<div className={`btn ${isActive ? "active" : ""}`}>