Mfano wa stringi wa JavaScript

Kifupi:

  • Mfano wa stringi
  • Mfano wa stringi
  • Mfano wa stringi
  • Mada ya mabaki ya nyuma

Mada ya mabaki ya nyuma

模板字面量Tumia herufi za mabaki (``) ikichukuliwa na herufi za mabaki ("") kwa kuzingatia stringi:

Mfano

let text = `Hello World!`;

亲自试一试

Herufi katika stringi

Kwa kutumia模板字面量Inaweza kutumia herufi moja au herufi mbili kwa sababu ya kina maelezo katika stringi:

Mfano

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

亲自试一试

Stringi zaidi ya mawili

模板字面量Inaruhusiwa kuzingatia stringi zaidi ya mawili:

Mfano

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

亲自试一试

Kuzingatia

模板字面量Inanofaa kusaidia kuingiza thamani na maadili katika stringi.

Tehayi hii inatajwa kama kuzingatia stringi (string interpolation).

Mada

${...}

Badilisho la thamani

模板字面量Inaruhusiwa kuzingatia thamani katika stringi:

Mfano

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

亲自试一试

Badilisho la thamani kwa thamani za kina maelezo kinaonyesha thamani za kina maelezo zinaongezwa kwa kina maelezo.Kuzingatia stringi.

Badilisho ya maadili

模板字面量Inaruhusiwa kuzingatia maadili katika stringi:

Mfano

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

亲自试一试

Kuzingatia kipendekezo cha kina maelezo kwa thamani za kina maelezo kwa sababu ya maelezo.

HTML Mfano

Mfano

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `
${header}
    `;
for (const x of tags) {
  html += `
  • ${x}
    • `;
}
html += `
`;

亲自试一试

浏览器支持

Internet Explorer 不支持模板字面量.

第一个完全支持模板字面量的浏览器版本是：

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
March 2015 November 2015 December 2014 September 2016 April 2015

Mawendo ya kawaida ya string

Kuwa na mawendo ya kawaida, tazama tovuti yetu ya kawaida Makala ya majukwaa ya string ya JavaScript.

Makala hii ina maelezo na mifano ya mawazo ya string na matukio yote.