>  기사  >  웹 프론트엔드  >  JS에서 세미콜론 사용 시 주의할 점

JS에서 세미콜론 사용 시 주의할 점

韦小宝
韦小宝원래의
2018-03-19 16:43:111455검색

이번에는 JS에서 세미콜론 사용 시 주의사항을 알려드리겠습니다. 다음은 실제 사례입니다.

세미콜론은 JavaScript에서 선택 사항이며, 특정 조건에서는 통역사가 자동으로 세미콜론을 완성합니다.

(예제 1)과 유사한 코드:

function myFunction(a) {
    var num = 10  
    return a * num
}

는 (예제 2)와 동일한 결과를 생성합니다:

function myFunction(a) {
    var num = 10;
    return a * num;
}

code, 해석기는 해석할 때 세미콜론을 추가합니다.

그러나 다음 예제의 결과는 underfined입니다(예 3):

function myFunction(a) {
    var
    num = 10;  
    return
    a * num;
}

통역사는 이 코드를 다음과 같이 해석합니다(예 4):

function myFunction(a) {
    var
    num = 10;  
    return;       // 分号结束,返回 undefined
    a * num;
}

return 문은 자동으로 꺼지고 underfined를 반환합니다.

세미콜론을 사용하지 않는 것이 가장 좋습니다

문의 분할 규칙은 예상치 못한 결과를 초래할 수 있습니다. 코드에 따르면 이는 두 줄의 완전한 문을 의미합니다.

var y=x+f
(a+b).toString()
.

하지만 설명하자면 컴파일러는 이를

var y=x+f(a+b).toString();

로 잘못 해석하고 f를 함수 이름으로 취급하여 두 줄의 코드를 한 줄의 코드로 해석할 수 있습니다.

제 생각에는 명확하고 표준화된 방식으로 코드를 작성하는 것이 더 낫습니다. 이렇게 하면 코드 품질과 향후 읽기가 훨씬 쉬워질 것입니다.

위 내용은 JS에서 세미콜론 사용 시 주의할 점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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