ES6에서 태그가 달린 템플릿은 무엇을 할 수 있습니까?

Question

저는 ES6을 배우고 있습니다.하지만 Tagged Templates를 읽었을 때 그것을 이해하지 못하고 무엇을 할 수 있는지 모르십니까?

제발 도와주세요.

감사합니다.

Answer 1

이 태그는 템플릿을 해석하고 처리 할 수있는 기능입니다. 태그가 템플릿 앞에 표시되므로 다음 코드에서 태그는 test입니다.

let test = function(literals, ...values) { 
    expect(literals.length).toBe(3); 
    expect(literals[0]).toBe("Hello, "); 
    expect(literals[1]).toBe(", "); 
    expect(literals[2]).toBe("!"); 

    expect(values.length).toBe(2); 
    expect(values[0]).toBe("Allen"); 
    expect(values[1]).toBe("Scott"); 

    return "test"; 
}; 

let firstName = "Scott"; 
let lastName = "Allen"; 
let result = test `Hello, ${lastName}, ${firstName}!`; 

는

1. 리터럴은 기본적으로
2. 값은 태그가 지정된 템플릿 문자열 다음 테스트는 태그입니다 지금 테스트를 실행할 것입니다 기능이 매개 변수는 1.literals의 2.values에 전달 될 것입니다 템플릿에 사용 된 자리 표시 자입니다. ";"여기

리터럴은 1. "안녕하세요," 2 "," 3입니다

값 [스콧 알렌]

Answer 2

하는 태그 간단히 처리 템플릿 문자 데이터 호출되는 함수이다. 태그는 템플릿 리터럴에 대한 데이터를 개별 조각으로 받고 조각을 결합하여 결과를 만들어야합니다. 여기

function foo(strings, ...values) { 
    console.log(strings); 
    console.log(values); 
} 

var desc = "awesome"; 

foo`Everything is ${desc}!`; 

리터럴 모든 문자열 [ "Everything is ", "!"] 해지고 교체 [ "awesome" ]를 칭한다 모든 보간 된 문자열이된다 첫번째 인수

스크립트

해석으로 첫 번째 인수는 문자 스트링을 포함하는 배열이다.

자세한 내용은이 문서를 참조하십시오.

http://exploringjs.com/es6/ch_template-literals.html

https://ponyfoo.com/articles/es6-template-strings-in-depth#demystifying-tagged-templates

https://leanpub.com/understandinges6/read/#leanpub-auto-tagged-templates

https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20&%20beyond/ch2.md#tagged-template-literals