JavaScript 고급 프로그래밍(3판) 학습 노트 2 js 기본 구문_기본 지식

이 글은 ECMAScript 스펙의 기본 구문을 검토한 것입니다. 영어를 잘하는 친구들은 공식 문서를 직접 읽어볼 수 있습니다. JavaScript는 본질적으로 C와 유사한 언어입니다. C 언어에 익숙한 친구라면 이 기사를 쉽게 읽을 수도 있고 건너뛸 수도 있습니다. 그러나 소개하는 동안 일부 인용할 수도 있습니다. 이해하기 쉽지 않고 비교적 인기가 있는 것 같아요.

기본문법

1. 식별자: 소위 식별자는 실제로 특정 사양을 충족하고 엔진에서 인식할 수 있는 이름을 의미하며 이름이 지정된 모든 상수, 변수, 함수 이름, 함수 매개변수, 객체를 나타내는 데 사용할 수 있습니다. 속성 등 개체의 이름입니다.

(1) 대소문자를 구분합니다.

(2) 문자, 밑줄(_) 또는 달러 기호($)로 시작하며 기타 문자는 문자, 밑줄, 달러 기호 또는 숫자일 수 있습니다. 여기에 있는 문자에는 확장된 ASCII 또는 유니코드 문자가 포함되어 있습니다.

(3) 식별자는 키워드, 예약어, true, false 또는 null일 수 없습니다. (일부 브라우저에서는 정의되지 않음을 허용하고 일부 브라우저에서는 허용하지 않습니다).

(4) 개체 속성에 공백이나 기타 특수 문자가 포함된 경우 전체적으로 괄호로 묶을 수 있습니다.

2. 키워드: 언어 자체에서 특정한 용도를 갖습니다.

🎜> 3. 예약어: 언어 자체에 예약되어 있으며 향후 키워드로 사용될 수 있습니다.

ES3의 예약어:

　

추상 부울 바이트 char 클래스 const 디버거 이중 열거형 내보내기 확장 최종 부동 소수점 goto 구현 가져오기 int 인터페이스 긴 기본 패키지 개인 보호 공개 짧은 정적 슈퍼 동기화 발생 임시 휘발성 발생

ES5의 비엄격 모드 예약어:

　

class　const　enum　export　extends　import　super

엄격 모드의 ES5 예약어:

　

구현　interface let(ES5의 새로운 기능) 패키지 개인 보호 공용 정적 수율(ES5의 새로운 기능)

4. 엄격 모드: 엄격 모드는 "use strict"를 사용하여 켤 수 있습니다. 전역 엄격 모드는 상단에서 켤 수도 있고, 함수 내에서 로컬 엄격 모드를 켤 수도 있습니다. 범위.

코드 복사 코드는 다음과 같습니다. "use strict"//Enable global strict 모드, ES3에서는 영향이 없습니다 fn(){

　"use strict"//Turn on local strict mode

}


5. 두 가지 유형이 지원됩니다. 형식 주석, 한 줄 주석 및 블록 수준 주석:

코드 복사 코드는 다음과 같습니다. / / 두 개의 슬래시로 시작하는 한 줄 주석 // /*

* 슬래시 / 및 별표 *로 시작하고 an으로 끝나는 여러 줄(블록 수준) 주석 별표와 슬래시, 여기에 중간선 별표 *는 필요하지 않습니다

*/


설명: JS 코드가 점점 복잡해지면서 주석이 점점 더 중요해지고 문서 자동화가 이루어집니다. 현재 JSDoc, YUIDoc 등과 같이 Javadoc과 유사한 JS 문서를 자동으로 생성하는 데 사용되는 오픈 소스 JS 라이브러리가 이미 많이 있습니다. 이때 관심 있는 친구가 댓글을 작성할 수 있는 해당 형식 요구 사항도 있을 것입니다. 공부할 관련 정보를 찾으세요.

6. 변수: 변수는 본질적으로 언어 수준에서 메모리 공간의 외부 추상화입니다.

(1) 동적 유형: ECMAScript에서는 변수를 정의할 때 변수를 숫자 유형으로 초기화할 수 있습니다.

코드 복사 코드는 다음과 같습니다. var age = 29

age = 'twenty-nine'; //이러한 유연성에도 불구하고, 수행 중인 작업을 정확히 알지 않는 한 이 작업을 수행하지 않는 것이 좋습니다.

(2) var 연산자: var를 사용하여 변수를 선언합니다. 초기화되지 않은 변수의 경우 기본적으로 정의되지 않은 변수를 선언하지 않고 직접 사용할 수도 있습니다. (제 생각에는 이 기능도 존재할 이유가 없습니다.) . ), 이들 사이의 가장 중요한 차이점은 var를 사용하여 선언된 변수는 현재 범위에서만 유효하지만 var를 사용하지 않으면 변수가 전역 범위에서 정의된다는 것입니다. 다음 예를 통해 차이점을 확인할 수 있습니다.

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

var name = 'linjisong'; //전역 변수를 정의하고 값을 할당합니다. ​
age = 29; //변수를 직접 사용합니다. 이는 전역 변수를 정의하고 값을 할당하는 것과 같습니다. ; //오류
var 급여; / /전역 변수 정의, 초기화되지 않음
//이것은 함수 선언일 뿐 실제 호출이 아니므로 내부 정의된 변수는 적용되지 않습니다.
function fn(){
var name = 'oulinhai';//정의 지역 변수 및 값 할당 ​
age = 23; //전역 변수에 값 할당
work = 'it' // var를 사용하지 않음 , 함수에 대한 로컬 변수도 전역 변수가 됩니다
}
//함수가 실제로 호출되기 전
console.info(salary); //undefine
console.info(name); / 린지송
console.info(age); // 29
try{
console.info(work);//work는 글로벌 환경에서 정의되지 않았기 때문에 여기서는 예외가 발생합니다
}catch(e){}
fn();//실제 호출, 코드의 변수 변경 사항이 표시됩니다.
console.info(name) // linjisong, 함수 내부에서 var가 사용되므로, 전역 이름 값은 변경되지 않습니다.
console.info(age); // 23
console.info(work); // it

(3) 명령문 승격: 이 문제는 함수 선언 및 함수 표현식에 대해 이야기할 때 다시 논의하겠습니다. , 코드를 살펴보세요.

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

console.info(name);/ /undefine
console.info(getName);//getName() 함수
console.info( getName());//정의되지 않음
try{
console.info(age);// 예외
}catch(e){
console.info(e);//ReferenceError
}
console.info(getAge);//정의되지 않음
try{
console.info(getAge());//Exception
}catch(e){
console.info (e);//TypeError
}
var name = 'linjisong';//변수 선언, raise
age = 29;//올리지 않고 전역 변수를 직접 사용
function getName() {//함수 선언,
return name;
}
var getAge = function( ){//age를 얻기 위한 변수 getAge 선언, 승격되지 않음
return age ;
}
console.info(name);//linjisong
console.info (getName);//getName() 함수
console.info(getName());//linjisong
console.info(age);//29
console.info(getAge);// 나이를 가져오는 익명 함수
console.info(getAge());//29

위 출력을 직접 추론해 본 적이 있나요? 이미 추론하셨다면 건너뛰셔도 됩니다. 그래도 궁금하신 점은 먼저 아래의 구문 승격 설명을 보시고 다시 돌아가서 위의 출력 결과를 확인해 보세요.
A. 엔진이 켰을 때 파싱은 먼저 함수 선언을 파싱한 다음 변수 선언을 파싱하고(파싱 중에 유형을 덮어쓰지 않음) 마지막으로 코드를 실행합니다
　B. 함수 선언을 파싱할 때 유형(함수)은 다음과 같습니다. 동시에 파싱되지만 실행되지는 않습니다. 변수 선언을 파싱할 때 초기화되지 않고 변수만 파싱됩니다.
여기에 관련된 것은 전역 범위뿐입니다. 함수 범위에도 선언 승격과 관련된 함수 매개변수가 있습니다.
위 코드는 먼저 18행의 함수 선언과 16, 21행의 변수 선언을 파싱의 시작 부분으로 승격시킨 후 실행합니다. 따라서 1행과 9행은 변수 선언이 승격되었으나 초기화되지 않았기 때문에 정의되지 않은 결과를 출력합니다. 따라서 11행에서는 함수 유형을 확인할 수 없기 때문에 유형 예외가 발생합니다. 2행과 3행은 함수 선언이 승격되고 함수 유형이 구문 분석되기 때문입니다. , 따라서 11번째 줄은 함수를 출력하고, 3번째 줄은 함수를 호출할 수 있지만 반환 값은 초기화되지 않고 정의되지 않은 결과를 출력합니다. 5번째 줄은 변수가 선언되지 않았기 때문에 참조 예외를 발생시킵니다.
(4) 하나의 문을 사용하여 여러 변수를 정의할 수 있으며 쉼표로 구분하면 됩니다. 예:

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

var name='linjisong' ,
나이=29,
일='it'


(5) ES5의 strict 모드에서는 eval 또는args라는 변수를 정의할 수 없습니다.
7. 명령문
(1) 명령문: 세미콜론 ";"으로 끝납니다. 세미콜론이 생략되면 구문 분석기가 명령문의 끝을 결정합니다.
JS의 명령문에서 세미콜론을 생략할 수 있는 이유는 전혀 없습니다. 각 명령문을 세미콜론으로 명확하게 끝내는 것이 파서가 프로그램을 "추측"하는 데 시간을 낭비하지 않도록 하는 것이 좋습니다. 중요한 것은 많은 압축 도구에서 추측이 100% 정확하다고 보장되지 않는다는 것입니다.
(2) 코드 블록: 왼쪽 중괄호({)로 시작하고 오른쪽 중괄호(})로 끝납니다.
JS에는 코드 블록이라는 개념이 있지만, 이에 상응하는 블록 수준 범위가 없어 일반적인 C 계열 언어와 다릅니다. 제어문(예: if)의 경우 명령문이 하나만 있다고 해서 코드 블록을 사용하는 것을 피하지 마세요. 이렇게 하면 프로그램을 유지 관리하는 사람들에게 실수의 씨앗이 뿌릴 것입니다.

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

for(var i=0; i< 10; i )
{
}
console.info(i);//출력 10, i는 코드 블록 후에도 계속 액세스할 수 있으며 이는 JS에 블록 수준 범위가 없음을 나타냅니다.
(i < 10)
//console.info(i); 코드 블록을 사용하지 않으면 유지 관리 중에 실수가 발생하기 쉽습니다(예: 문 추가)
{
console.info(i );
}

중괄호({})는 코드 블록으로 사용되는 것 외에도 객체 리터럴을 정의하는 데 매우 중요한 용도로 사용됩니다. 이에 대해서는 나중에 설명하겠습니다.