ES6의 템플릿 문자열 문자열을 결합하는 새로운 방법입니다. join()과 같은 메소드가 이미 있습니다. , 연결() 등은 문자열을 결합하지만 템플릿 문자열 방법이 가장 정교합니다. 가독성이 더 높기 때문에 , 백슬래시 없음 따옴표와 더 이상 더러운 더하기 연산자를 이스케이프하지 않도록 .
concat() 및 join() 사용
예시
다음 예에서 join() 및 연결() 메서드는 문자열을 결합하는 데 사용됩니다. 주의 깊게 관찰하면 코드가 매우 지저분해 보입니다.
<html>
<body>
<script>
const platform = 'Tutorix';
const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' ');
document.write(joinMethod);
document.write("</br>");
const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform);
document.write(concatMethod);
</script>
</body>
</html> 출력
The best e-learning platform is Tutorix The best e-learning platform is Tutorix
ES6의 템플릿 문자열 사용
예시
다음 예에서 템플릿 문자열 메소드는 문자열을 결합하는 데 사용됩니다. 이 방법을 다른 방법과 비교하면 이 방법의 코드가 매우간단하고 읽기 쉽습니다. .
<html>
<body>
<script>
const platform = 'Tutorix';
const templateString = `The best e-learning platform is ${platform}`;
document.write(templateString);
</script>
</body>
</html> 출력
The best e-learning platform is Tutorix