JavaScript가 자동으로 세미콜론을 삽입하는 것을 방지하는 방법

JavaScript에는 줄 끝에 세미콜론을 자동으로 삽입하는 메커니즘이 있습니다. 이런 식으로 일부 친구는 세미콜론 입력을 잊어버릴 수 있습니다. 물론 세미콜론을 입력하는 습관을 들이고 JavaScript가 세미콜론 생략을 처리하는 방법을 이해하는 것이 가장 좋습니다. 이러한 지식은 세미콜론 없이 코드를 이해하는 데 도움이 되기 때문입니다.

JavaScript 언어에는 메커니즘이 있습니다. 구문 분석 중에 문장 뒤에 세미콜론을 자동으로 삽입하여 문장 끝에 누락된 세미콜론 구분 기호를 수정할 수 있습니다. 그러나 자동으로 삽입된 세미콜론은 모든 공백 문자가 무시되는 JavaScript 언어의 다른 메커니즘과 충돌하기 때문에 프로그램은 공백을 사용하여 코드 형식을 지정할 수 있습니다.

이 두 메커니즘 사이의 충돌로 인해 더 심각한 구문 분석 오류를 쉽게 덮을 수 있습니다. 세미콜론이 부적절한 위치에 삽입되는 경우가 있습니다. 예를 들어 return 문에 세미콜론을 자동으로 삽입하면 다음과 같은 결과가 발생합니다. return 문이 값을 반환하는 경우 이 값의 표현식 시작 부분은 return과 동일한 줄에 있어야 합니다. 예:

 var f = function（）{
 return
 {
 status: true
 };
 }

여기에는 status member 요소가 포함된 객체가 반환되는 것 같습니다. 불행하게도 JavaScript는 정의되지 않은 값을 반환하도록 세미콜론을 자동으로 삽입하므로 아래에 반환되는 개체가 무시됩니다.

세미콜론 자동 삽입으로 인해 프로그램이 오해를 받는 경우에는 경고가 표시되지 않습니다. 다음 줄의 시작 부분이 아닌 이전 줄의 끝 부분에 {를 배치하면 이 문제를 피할 수 있습니다. 예:

 var f = function（）{
 return {
 status: true
 };
 }

세미콜론은 생략하는 것이 좋습니다. 한 줄의 문장이 완전한지 여부에 관계없이 완전한 문장이라면 문장의 끝을 표시하기 위해 세미콜론을 추가해야 합니다.

읽기를 용이하게 하기 위해 긴 문장을 별도의 줄에 표시해야 하는 경우 한 줄에 완전한 논리적 의미가 구성될 수 없도록 해야 합니다. 예를 들어, 다음 코드는 연속 할당문입니다. 이를 별도의 줄에 표시하면 해당 관계를 더 명확하게 볼 수 있습니다. 이러한 종류의 분기는 독립적인 논리적 의미가 한 줄로 구성될 수 없기 때문에 JavaScript는 각 줄을 독립적인 문장으로 처리하지 않으므로 모호성이 없음을 보여줍니다.

 var a =
 b =
 c = 4;

위 문은 한 줄에 다음과 같이 표시됩니다. var a = b = c = 4;

다음 문에 대해 if 정확하지 않습니다. 별도의 줄에 표시하면 모호성이 쉽게 발생할 수 있습니다. 이 문장의 의미: 변수 i를 정의한 후 변수 a가 true이면 값이 1로 할당됩니다. 그렇지 않으면 b가 true로 판단됩니다. 그렇지 않으면 변수 c가 판단됩니다. c가 true이면 할당된 값은 3이고, 그렇지 않으면 할당된 값은 4입니다.

 var i = a ? 1 : b ? 2 : c ? 3 : 4;

다음 분기 표시가 잘못되었습니다. , a? 1: b라는 표현은 독립적인 논리적 의미를 형성할 수 있기 때문에 JavaScript는 자동으로 그 뒤에 세미콜론을 추가하여 독립적인 문장을 나타냅니다.

 var i = a ? 1: b
 ? 2 : c
 ? 3 : 4;

안전한 메서드는 다음과 같이 별도의 줄에 표시해야 각 줄이 독립적인 의미를 형성할 수 없습니다.

 var i = a ? 1
 : b ? 2
 : c ? 3
 : 4;

간단히 말해서, 코드를 작성할 때 문장을 끝내려면 세미콜론을 사용하는 좋은 습관을 길러야 합니다. 모든 완전한 문장은 세미콜론으로 구분되어야 합니다. 별도의 줄에 표시되는 문장은 한 줄이 독립적인 법적 논리적 의미를 쉽게 형성할 수 없도록 해야 합니다

PS: 줄 끝에 세미콜론을 자동으로 추가하는 javascript의 자세한 예

세미콜론(;)은 일반적으로 명령문 줄 끝에 사용되며 코드는 다음과 같습니다.

var webName = "php中文网";
var url = www.jb51.net;

위 코드는 각 선언문 뒤에 세미콜론을 추가합니다. , 더 이상 설명이 필요하지 않습니다.

var webName = "php中文网"
var url = www.jb51.net

사실 세미콜론은 생략 가능하지만, 생략된 세미콜론은 컴파일 단계에서 자동으로 추가됩니다.
코드 예제를 살펴보겠습니다.

function done(webName){
 return
 webName
}
console.log(done("php中文网"));

컴파일러가 자동으로 각 줄 뒤에 세미콜론을 추가하므로 출력 값은 "php Chinese net"이 아니라 정의되지 않음입니다.

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요.