`eval` 또는 `new Function` 없이 일반 문자열을 어떻게 템플릿 리터럴로 변환할 수 있나요?

단순 문자열을 템플릿 문자열로 변환

일반 문자열을 쉽게 템플릿 문자열로 변환할 수 있나요? 다음 예를 고려하십시오.

let a = "b:${b}";

eval, new Function 또는 기타 동적 코드 생성 기술을 사용하지 않고 어떻게 이를 템플릿 문자열로 동적으로 변환할 수 있습니까?

let b = 10;
console.log(a.template()); // b:10

ES6 솔루션

현대 JavaScript에서는 ES6 기능을 활용하여 이를 달성할 수 있습니다. 변환:

String.prototype.interpolate = function(params) {
  const names = Object.keys(params);
  const vals = Object.values(params);
  return new Function(...names, `return \`${this}\`;`)(...vals);
};

const template = 'Example text: ${text}';
const result = template.interpolate({
  text: 'Foo Boo'
});
console.log(result); // 'Example text: Foo Boo'

이 방법은 매개변수 개체를 허용하는 String.prototype.interpolate 함수를 활용합니다. 객체의 키와 값을 사용하여 새 함수를 동적으로 구성한 다음 이를 실행하여 보간된 문자열을 반환합니다.

위 내용은 `eval` 또는 `new Function` 없이 일반 문자열을 어떻게 템플릿 리터럴로 변환할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!