Javascript_javascript 기술에서 중괄호 "{}"의 모호성 구문 분석

JS의 중괄호에는 네 가지 의미 기능이 있습니다

의미 1, 복합문 정리, 가장 많이 사용되는 내용입니다

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

if( 조건 ) {
//...
}else {
//...
}
for() {
//...
}

의미론 2, 객체 리터럴 선언

코드 복사 코드는 다음과 같습니다.

var obj = {
이름 : 'jack',
연령 : 23
}; >

전체가 할당문이고, 여기서 {name:'jack',age:23}은 표현식입니다.

의미 3, 함수 또는 함수 리터럴 선언

코드 복사 코드는 다음과 같습니다.

function f1(){
//...
}

var f2 = function(){
//...
}

f1과 non-f2의 차이점은 전자는 구문 해석 기간에 있고 후자는 런타임에 있다는 점입니다. 차이점은 다음과 같습니다. 함수를 호출하는 코드가 함수 정의 뒤에 있으면 차이가 없습니다. 함수를 호출하는 코드가 함수 정의 앞에 있으면 f1은 계속 호출될 수 있지만 f2는 다음과 같은 오류를 보고합니다. f2가 정의되지 않았습니다.

의미론 4, 구조적 예외 처리를 위한 구문 기호

코드 복사 코드는 다음과 같습니다.

try {
//...
}catch( ex ){
//...
}마침내{
//...
}

여기의 중괄호와 일치하는 문(의미 1)에는 차이가 있습니다. 중괄호에 문이 하나만 있는 경우 if/else/에서 중괄호를 생략할 수 있습니다. for 등. 단, try/catch/finally는 생략할 수 없습니다.

다음 코드 때문에 오랫동안 고생했습니다

코드 복사 코드는

function(){}() //익명 함수가 즉시 실행되고 구문 분석 기간이 보고됩니다.
{}.constructor //객체 리터럴의 생성자를 가져옵니다. , 구문 분석 기간에 오류가 보고됩니다

의아스러운 것은 [].constructor가 이렇게 작성되었지만 오류를 보고하지 않는 이유입니다. 하나는 의 직접적인 값을 얻으려는 생성자입니다. 객체이고 다른 하나는 배열의 직접 값을 얻으려는 생성자일 뿐입니다.
물론 receive에 변수를 추가해도 오류가 발생하지 않습니다

var c = {}.constructor;

과 같은 상황

var fn = function(){}(), 오류가 보고되지 않습니다.

실제로 문제를 일으키는 것은 js의 "문 우선순위"입니다. 즉, {}는 객체 리터럴의 의미(의미 2)나 선언된 함수가 아닌 복합 명령문 블록(의미 1)으로 이해됩니다. (의미 3).

function(){}()에서 중괄호는 복합문으로 이해됩니다. 당연히 이전 function() 선언 함수의 구문이 불완전하여 구문 분석 중에 오류가 발생합니다.

{}.constructor에서 중괄호는 복합문으로 이해되며, 중괄호 뒤에 도트 연산자가 옵니다. 도트 연산자 앞에 합리적인 개체가 없으면 자연스럽게 오류가 보고됩니다.

수정 사항은 ​​잘 알려져 있습니다. 강제 연산자 추가 ()
(function(){})(), (function(){});//Force it to be 함수(의미론 3)로 이해하면, "Function()"은 함수를 실행한다는 의미, 즉 선언 직후에 실행된다는 뜻이다.
({}).constructor //({})는 중괄호를 객체 리터럴로 이해하도록 합니다(의미 2). "Object.xx"는 당연히 객체의 멤버를 얻는다는 의미입니다. 다음 도트 연산자는 정상적으로 실행될 수 있습니다.