ES6에 도입된 새로운 유형의 문자열 리터럴 구문 - 템플릿 문자열. 기술적으로 설명하면 템플릿 문자열은 문자열 리터럴 내에 표현식을 포함하는 문자열 리터럴입니다. 쉽게 말하면 변수 함수가 추가된 문자열이다.
ES6은 템플릿 문자열을 제공하며 구문은 백틱을 사용합니다. 템플릿 문자열은 다음과 같은 세 가지 장점을 가지고 있습니다. multi-line text
inserting 변수는 문자열로 삽입 표현을 문자열로 삽입하는 표현식
기본 구문
// ES5 var name = 'xixi'; console.log(name);// xixi // ES6 let name4ES6 = `一步`; console.log(name4ES6);// 一步
Jquery가 인기 있던 시대에는 html 조각을 이어붙인 다음 노드를 교체하는 경우가 많았습니다. 모든 사람이 경험할 수 있는 ES5 코드를 작성하세요.
var str = '<html>' + '<p>啦拉拉</p>' + '<p>xixixi</p>' + '</html>'; console.log(str);// <html><p>啦拉拉</p><p>xixixi</p></html>
let str4ES6 = `<html> <p>啦拉拉</p> <p>xixixix</p> </html>`; console.log(str4ES6);
// ES5 var name = 'xixi'; var age = 27; var info = 'my name is ' + name + ' , age is ' + age + '.'; console.log(info);// my name is xixi , age is 27.
let name = 'xixi';
let age = 27;
let info = `my name is ${name}, my age is ${age}. just a test ${1 + 10}!`;
console.log(info);// my name is xixi, my age is 27. just a test 11!
관련 권장 사항:
ajax json과 문자열을 접합하는 jquery 방법
위 내용은 ES6 템플릿 문자열 예제 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
