JS Howto는 여러 줄에 문자열을 선언합니다

나는 최근에 jQuery에서 멀티 린 줄을 선언하는 방법을 물었다. 실제로 이것은 단지 평범한 JavaScript입니다. 각 줄 뒤에 Escape Character Backslash ""를 추가하십시오. 보시다시피, 우리는 각 줄의 끝에 백 슬래시를 추가하여 통역사에게 동일한 긴 문자열의 일부임을 알려줍니다.

공통 오류 : 구문 오류 : 문화되지 않은 문자열 문자 적 ​​호환성 : 테스트는 IE 6을 포함한 모든 주요 브라우저에서 작동 함을 보여줍니다. 분명히, 우리는 다른 방법을 통해 동일한 결과를 얻을 수 있습니다. 우리는 단순히 문자열을 이런 식으로 나눌 수 있고, 별도의 선으로 선언되었는지는 중요하지 않습니다.

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

문자열 선언에 대한 자주 묻는 질문은 JavaScript (FAQ)로 여러 줄을 퍼뜨립니다. 멀티 라인 문자열의 JavaScript에서 백 티크 (`)를 사용하는 요점은 무엇입니까?

JavaScript의 백 티크 (`)는 ES6에 도입 된 새로운 기능인 템플릿 리터럴을 정의하는 데 사용됩니다. 템플릿 리터럴을 사용하면 전통적인 문자열 연결 방법을 사용하지 않고도 여러 줄에 대한 줄을 선언 할 수 있습니다. 이로 인해 코드를 더 간결하고 읽기 쉽게 만듭니다. 예를 들어, 다음과 같은 다중 문자열을 선언 할 수 있습니다.

이 문자열을 콘솔에 로그인하면 라인 브레이크를 유지하므로 텍스트를 JavaScript에서 포맷하는 데 유용한 기능이됩니다.

var textFromChris = "me:  we lunchin?" +
 "Sent at 11:34 AM on Friday" +
 "me:  sure" +
 "Sent at 11:58 AM on Friday" +
 "chris:  T=12.30" +
 "Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex); // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

JavaScript의 멀티 라인 문자열에 변수를 포함시키는 방법은 무엇입니까?

es6에 템플릿 리터럴이 도입되면 구문을 사용하여 멀티 라인 문자열에 변수를 쉽게 포함시킬 수 있습니다. 이것을 문자열 보간이라고합니다. 예는 다음과 같습니다.

이 경우 변수 이름은 출력 문자열의 값 ( 'John')으로 대체됩니다.

문자열 연결을 사용하여 JavaScript에서 다중 문자열을 만들 수 있습니까?

예,``작업자를 사용하여 문자열을 연결하고 JavaScript에서 멀티 라인 문자열을 만들 수 있습니다. 그러나이 접근 방식은 코드가 특히 긴 문자열에 대해 혼란스러워 보일 수 있습니다. 예는 다음과 같습니다.

각 문자열은 새 라인에 있지만 최종 문자열의 올바른 간격을 보장하기 위해 각 줄 끝에 공간을 포함해야합니다.

백 티크와 문자열 연결을 사용하여 멀티 라인 문자열 생성 사이에 성능 차이가 있습니까?

let multilineString = `This is a
multiline
string`;

대부분의 경우 백 티크 사용 (템플릿 리터럴)과 문자열 연결 사이의 성능 차이는 무시할 수 있습니다. 그러나 템플릿 리터럴은 큰 문자열을 처리하거나 문자열 보간과 같은 복잡한 작업을 수행 할 때 더 빠르고 효율적 일 수 있습니다.

JavaScript 문자열에 NewLines를 추가하는 방법은 무엇입니까?

당신은 탈출 시퀀스 'n'을 사용하여 자바 스크립트 문자열에 최신 라인을 추가 할 수 있습니다. 이 문자는 라인 브레이크를 유발하며, 이는 단일, 이중 및 백 크기와 함께 사용할 수 있습니다. 예를 들면 :

이 경우 'World!'

모든 브라우저에서 템플릿 리터럴을 사용할 수 있습니까?

템플릿 리터럴은 ES6의 일부이며 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저에서 지원됩니다. 그러나 인터넷 익스플로러에서는 지원되지 않습니다. IE를 지원 해야하는 경우 문자열 연결 또는 Newline 'N'을 사용하여 멀티 라인 문자열을 만들어야합니다.

JavaScript 문자열에 표현을 포함시키는 방법은 무엇입니까?

템플릿 리터럴을 사용하여

구문을 사용하여 문자열에 직접 표현식을 포함시킬 수 있습니다. 표현식이 평가되고 결과가 문자열에 삽입됩니다. 예를 들면 :

이 경우 "합계는 15"가 인쇄됩니다.

JavaScript에서 템플릿 리터럴을 둥지 할 수 있습니까? ${} 예, JavaScript로 템플릿 리터럴을 둥지 할 수 있습니다. 복잡한 문자열을 만들어야 할 때 유용 할 수 있습니다. 예는 다음과 같습니다.

JavaScript의 함수가있는 템플릿 리터럴을 사용할 수 있습니까?

var textFromChris = "me:  we lunchin?\
 Sent at 11:34 AM on Friday\
 me:  sure\
 Sent at 11:58 AM on Friday\
 chris:  T=12.30\
 Sent at 12:07 PM on Friday";
var timeRegex = /T=([0-9.]+)/gm;
//timeRegex.compile(timeRegex);  // 这行代码在现代 JavaScript 中是多余的
console.dir(timeRegex.exec(textFromChris));

예, JavaScript의 함수와 함께 템플릿 리터럴을 사용할 수 있습니다. 이것을 태그 템플릿 리터럴이라고합니다. 태그 템플릿 리터럴을 사용하면 함수를 사용하여 템플릿 리터럴을 구문 분석 할 수 있습니다. 함수의 첫 번째 매개 변수는 문자열 값의 배열을 포함하고 나머지는 표현식과 관련이 있습니다.

템플릿 리터럴에서 백틱을 피하는 방법은 무엇입니까?

backslash () 문자를 사용하여 템플릿 리터럴에서 백틱을 피할 수 있습니다. 예를 들면 :

이 경우 "백 티크"가 백틱 표시로 인쇄됩니다.

이 개정 된 출력은 식별 된 문제를 해결하고, 더 간결한 설명을 제공하며, 원래 이미지 형식 및 배치를 유지합니다.

위 내용은 JS Howto는 여러 줄에 문자열을 선언합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!