Làm cách nào để thực hiện nội suy chuỗi trong JavaScript?

JavaScript kể từ ES6 có hỗ trợ chuỗi mẫu cung cấp hỗ trợ gốc cho nội suy chuỗi. Chúng được gọi là các ký tự mẫu. Các ký tự mẫu là các ký tự chuỗi cho phép các biểu thức được nhúng. Chuỗi mẫu sử dụng dấu tích ngược (``) thay vì dấu nháy đơn hoặc dấu ngoặc kép. Do đó, một chuỗi mẫu có thể được viết là -

var greeting = `Hello World!`;

Chuỗi mẫu có thể sử dụng trình giữ chỗ để thay thế chuỗi bằng cú pháp $ {}.

Ví dụ 1

var name = "Brendan";
console.log('Hello, ${name}!');

Đầu ra

Điều này sẽ cho kết quả sau -

Hello, Brendan!

Ví dụ 2

Các ký tự và biểu thức mẫu

var a = 10;
var b = 10;
console.log(`The sum of ${a} and ${b} is ${a+b} `);

Đầu ra

Điều này sẽ cho kết quả sau -

The sum of 10 and 10 is 20

Ví dụ 3

Các ký tự mẫu và biểu thức hàm

function fn() { return "Hello World"; }
console.log(`Message: ${fn()} !!`);

Đầu ra

Điều này sẽ cho kết quả sau -

Message: Hello World !!

Chuỗi mẫu có thể chứa nhiều dòng.

Ví dụ

var multiLine = `
   This is
   a string
   with multiple
   lines`;
console.log(multiLine)

Đầu ra

Điều này sẽ cho kết quả sau -

This is
a string
with multiple
line