es6에서 백틱을 사용하는 방법

es6 백틱 사용법: 1. 한 줄 문자열을 정의합니다. 2. 여러 줄 문자열을 정의하면 문자열의 공백, 들여쓰기 및 줄바꿈이 출력에 유지됩니다. 3. 문자열에 변수를 포함합니다. 변수 이름은 "${}"로 작성해야 합니다(예: "`Hello ${name}`"

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터).

템플릿 문자열은 백틱(`)으로 표시된 문자열의 향상된 버전입니다. 일반 문자열로 사용할 수도 있고 여러 줄 문자열을 정의하거나 문자열에 변수를 포함하는 데 사용할 수도 있습니다.

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

템플릿 문자열에 백틱을 사용해야 하는 경우 백슬래시로 이스케이프해야 합니다.

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

템플릿 문자열을 사용하여 여러 줄 문자열을 나타내는 경우 모든 공백과 들여쓰기가 출력에 유지됩니다.

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

이 줄 바꿈을 원하지 않으면 트림 방법을 사용하여 제거할 수 있습니다.

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

템플릿 문자열에 변수를 포함하려면 변수 이름을 ${}로 작성해야 합니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end】

위 내용은 es6에서 백틱을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!