`console.log\\`1``이 JavaScript에서 배열을 반환하는 이유는 무엇입니까?

JavaScript의 백틱 및 함수 호출

백틱()을 사용하여 JavaScript에서 문자열 리터럴을 래핑할 때 다음과 같은 예기치 않은 동작이 발생할 수 있습니다. 태그가 지정된 템플릿이 호출됩니다. 이 경우 console.log1의 결과는 "console.log1`nVM12380:2 ["1", raw: Array[1]]"입니다.

ES6의 태그된 템플릿

ES6에서 도입된 태그 템플릿 개념에 대한 설명입니다. 태그가 있는 템플릿을 사용하면 함수로 템플릿 문자열에 태그를 지정할 수 있습니다. 문자열을 함수와 함께 사용하면 함수는 템플릿 문자열의 구문 분석된 값과 문자열의 값을 받습니다.

태그로서의 기능

에서 제공된 예에서는 console.log가 태그 기능으로 사용됩니다. 구문 분석된 문자열 값과 리터럴 문자열 값을 배열로 사용하여 효과적으로 호출됩니다. 그런 다음 함수는 이러한 값을 조작하고 새 문자열을 반환하거나 추가 처리를 위해 전달할 수 있습니다.

반환된 배열

console.log 함수는 특별한 작업을 수행하지 않습니다. 값을 처리하므로 리터럴 문자열 값이 포함된 배열을 반환합니다. 그런 다음 이 배열은 console.log에 의해 인쇄되어 관찰한 출력이 생성됩니다.

변환 및 템플릿 리터럴

이전 버전의 템플릿 리터럴과 같은 최신 JavaScript 기능을 사용하는 경우 브라우저, Babel 또는 유사한 트랜스파일러를 사용하여 코드를 해당 브라우저에서 지원하는 ES5로 변환합니다. 예제의 트랜스파일된 코드는 다음과 같습니다.

console.log(_taggedTemplateLiteralLoose(["1"], ["1"]));

이 트랜스파일된 코드는 리터럴 문자열 "1"을 포함하는 배열을 생성하고 이를 console.log에 인수로 전달합니다.

따라서, 백틱 표기법 1은 태그가 지정된 템플릿 함수로 console.log를 호출하여 인쇄되는 배열을 반환합니다. 반환된 배열의 원시 속성에는 리터럴 문자열 값이 포함됩니다.

위 내용은 `console.log\\`1``이 JavaScript에서 배열을 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!