Rumah  >  Artikel  >  hujung hadapan web  >  Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6

Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6

青灯夜游
青灯夜游asal
2022-04-11 18:22:116411semak imbas

Terdapat dua cara untuk menulis penyambungan rentetan dalam es6: 1. Gunakan "${var}" dalam rentetan templat untuk menyambung aksara dan kaedah penulisan ialah "`${String 1} String 2`" , ungkapan JS boleh diletakkan dalam "${}"; 2. Gunakan operator " " dan tulis "String 1 String 2".

Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Penyambungan rentetan ES6

Penyambungan rentetan boleh dilakukan dengan cara berikut:

1 aksara templat Menggunakan ${var}来拼接字符

const name = '小明';
const score = 59;
let result = '';
if(score > 60){
  result = `${name}的考试成绩及格`; 
}else{
  result = `${name}的考试成绩不及格`; 
}
console.log(result);

Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6

Nota:

`` (tanda belakang) ditambahkan dalam ES6 untuk Mengisytiharkan rentetan Rentetan yang dibalut dengan backticks ialah rentetan templat boleh memaparkan rentetan templat pada berbilang baris dan juga melakukan interpolasi pembolehubah Anda boleh menggunakan sebarang ungkapan JavaScript yang sah sebagai contoh, `${2 * 3}` atau ` ${foo()}` ...

Dalam es6, ungkapan JS boleh diletakkan dalam ${}, yang boleh melaksanakan operasi dan sifat objek rujukan.

Kaedah 2 Aksara penyambung operator

Perhatikan bahawa apabila menggunakan ungkapan ternary, ia perlu disertakan dalam kurungan

const name = '小明';
const score = 61;
let result = '';
if(score > 60){
  result = name+'的考试成绩及格'; 
}else{
  result = name+'的考试成绩及格'; 
}
console.log(result);

Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6

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

Atas ialah kandungan terperinci Terdapat beberapa cara untuk menulis penyambungan rentetan dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn