Cara menggunakan backtick dalam es6

Penggunaan es6 backticks: 1. Tentukan rentetan satu baris; Benamkan pembolehubah dalam, nama pembolehubah perlu ditulis dalam "${}", contohnya "`Hello ${name}`"

Persekitaran operasi tutorial ini: Sistem windows7, ECMAScript versi 6, komputer Dell G3.

Rentetan templat ialah versi rentetan yang dipertingkatkan, ditandakan dengan tanda belakang (`). Ia boleh digunakan sebagai rentetan biasa, atau ia boleh digunakan untuk menentukan rentetan berbilang baris, atau untuk membenamkan pembolehubah dalam rentetan.

// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

Jika kutu belakang perlu digunakan dalam rentetan templat, ia mesti dilepaskan dengan garis serong ke belakang.

 var greeting = `\`Yo\` World!`;

Jika rentetan templat digunakan untuk mewakili rentetan berbilang baris, semua ruang dan inden akan dikekalkan dalam output.

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

Jika anda tidak mahu garisan putus ini, anda boleh menggunakan kaedah memangkas untuk menghapuskannya.

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`.trim());

Benamkan pembolehubah dalam rentetan templat dan nama pembolehubah perlu ditulis dalam ${}.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Cara menggunakan backtick dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!