중괄호에는 JS의 네 가지 의미 기능이 있습니다.
의미론 1, 복합문을 정리하는데, 이것이 가장 일반적이다
다음과 같이 코드 코드를 복사합니다.
if(조건) {
//...
}또 다른 {
//...
}
을 위한() {
//...
}
의미론 2, 객체 리터럴 선언
다음과 같이 코드 코드를 복사합니다.
var 객체 = {
이름: '잭',
나이: 23
};
모든 것은 {name:'jack',age:23}이 표현식인 할당문입니다.
의미론 3, 함수 또는 함수 리터럴 선언
다음과 같이 코드 코드를 복사합니다.
함수 f1(){
//...
}
var f2 = 함수(){
//...
}
f1과 non-f2의 차이점은 전자는 구문 해석 기간에 있고 후자는 런타임에 있다는 점입니다. 차이점은 다음과 같습니다. 함수를 호출하는 코드가 함수 정의 뒤에 있으면 차이가 없습니다. 함수를 호출하는 코드가 함수 정의 앞에 있으면 f1은 계속 호출될 수 있지만 f2는 다음과 같은 오류를 보고합니다. f2가 정의되지 않았습니다.
의미론 4, 구조적 예외 처리를 위한 구문 표기법
다음과 같이 코드 코드를 복사합니다.
노력하다 {
//...
}잡다(예){
//...
}마지막으로{
//...
}
여기서 중괄호와 일치하는 문(의미 1)에는 차이가 있습니다. 중괄호에 문이 하나만 있는 경우 if/else/for 등에서는 중괄호를 생략할 수 있지만 try/catch/finally는 생략할 수 없습니다. 생략.
나는 오랫동안 다음 코드로 어려움을 겪었습니다.
다음과 같이 코드 코드를 복사합니다.
function(){}() //익명 함수 즉시 실행, 구문 분석 주기 보고서
{}.constructor //객체 리터럴의 생성자를 가져오면 구문 분석 중에 오류가 보고됩니다.
이상한 점은 [].constructor를 이렇게 작성했는데도 오류를 보고하지 않는 이유입니다. 하나는 객체의 직접적인 값을 얻으려는 생성자이고, 다른 하나는 단지 객체의 직접적인 값을 얻으려는 생성자일 뿐입니다. 배열.
물론, receive에 변수를 추가한다고 해서 오류가 발생하지는 않습니다.
var c = {}.constructor;
같은 상황이군요
var fn = function(){}()은 오류를 보고하지 않습니다.
사실 문제를 일으키는 것은 js의 "문 우선순위"입니다. 즉, {}는 객체 리터럴의 의미(의미 2)나 선언된 함수( 의미 3).
function(){}()에서 중괄호는 당연히 이전 function() 선언 함수의 구문이 불완전하여 구문 분석 중에 오류가 발생합니다.
{}.constructor에서 중괄호는 복합문으로 이해되며, 중괄호 뒤에 도트 연산자가 옵니다. 도트 연산자 앞에 합리적인 개체가 없으면 자연스럽게 오류가 보고됩니다.
수정 사항은 잘 알려져 있습니다: 강제 연산자 추가()
(function(){})(), (function(){});//강제적으로 함수로 이해하도록 합니다(의미 3), "function()"은 함수를 실행한다는 의미, 즉 즉시 실행된다는 의미입니다. 선언 후.
({}).constructor //({})는 중괄호를 객체 리터럴로 이해하도록 합니다(의미론 2). "Object.xx"는 객체의 멤버를 얻는 것을 의미합니다. 당연히 후속 점 연산자는 정상적으로 실행될 수 있습니다. .