>웹 프론트엔드 >JS 튜토리얼 >`console.log`에 백틱을 사용하면 Google Chrome에서 `[\'1\', raw: Array[1]]` 출력이 생성되는 이유는 무엇입니까?

`console.log`에 백틱을 사용하면 Google Chrome에서 `[\'1\', raw: Array[1]]` 출력이 생성되는 이유는 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-26 13:36:14320검색

Why Does Using Backticks with `console.log` Produce a `[

JS Mystery: Backticks (…) 함수 호출

Google Chrome에서 console.log1을 실행하면 console.log1과 유사한 출력이 표시됩니다. ["1", raw: Array[1]]`가 생성되어 함수 호출 시 백틱의 수수께끼 같은 동작에 대한 질문이 촉발됩니다. 그리고 "원시" 배열의 특성.

이 미스터리를 풀기 위해 우리는 ES-6 태그 템플릿의 세계를 탐구합니다. 이러한 함수는 템플릿 문자열의 구문 분석된 값과 별도의 값을 허용하여 사용자 정의 후처리를 가능하게 합니다. console.log1의 경우 태그 기능에 "1" 값이 전달되고, 이 값은 ["1", raw: Array[1]]`로 추가된 후 인쇄됩니다.

비하인드 스토리 , Babel은 태그된 값을 console.log에 전달하기 전에 ES-6 코드를 브라우저에서 허용하는 형식으로 변환합니다. 이 프로세스에는 다음 항목의 트랜스파일이 포함됩니다.

_taggedTemplateLiteralLoose( ["1"], ["1"] );

이 트랜스파일의 결과는 console.log로 전달되어 "1"과 원시 Array[1]의 존재를 설명하는 배열을 출력합니다.

위 내용은 `console.log`에 백틱을 사용하면 Google Chrome에서 `[\'1\', raw: Array[1]]` 출력이 생성되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.