ES6-구문

Syntax프로그램 작성을위한 규칙 세트를 정의합니다. 모든 언어 사양은 자체 구문을 정의합니다.

JavaScript 프로그램은 다음과 같이 구성 될 수 있습니다.

Variables − 프로그램에 대한 값을 저장할 수있는 명명 된 메모리 블록을 나타냅니다.
Literals − 상수 / 고정 값을 나타냅니다.
Operators − 피연산자가 처리되는 방식을 정의하는 기호.
Keywords − 언어 맥락에서 특별한 의미를 갖는 단어.

다음 표는 JavaScript의 일부 키워드를 나열합니다. 일반적으로 사용되는 일부 키워드는 다음 표에 나열되어 있습니다.

단절	같이	어떤	스위치
케이스	만약	던지다	그밖에
var	번호	끈	가져 오기
기준 치수	유형	대신에	유형
드디어	...에 대한	열거 형	수출
동안	빈	이	새로운
없는	감독자	잡기	허락하다
공전	반환	진실	그릇된

Modules − 다른 프로그램 / 스크립트에서 재사용 할 수있는 코드 블록을 나타냅니다.
Comments− 코드 가독성을 높이는 데 사용됩니다. 이는 JavaScript 엔진에서 무시됩니다.
Identifiers − 변수, 함수 등과 같은 프로그램의 요소에 부여 된 이름입니다. 식별자 규칙은 다음과 같습니다.
- 식별자에는 문자와 숫자가 모두 포함될 수 있습니다. 그러나 식별자는 숫자로 시작할 수 없습니다.
- 식별자에는 밑줄 (_) 또는 달러 기호 ($)를 제외한 특수 기호를 포함 할 수 없습니다.
- 식별자는 키워드가 될 수 없습니다. 고유해야합니다.
- 식별자는 대소 문자를 구분합니다. 식별자는 공백을 포함 할 수 없습니다.

다음 표는 몇 가지 유효하고 잘못된 식별자를 보여줍니다.

유효한 식별자의 예	잘못된 식별자의 예
이름 이름 num1 $ result	Var # 이름 이름 1 번호

공백 및 줄 바꿈

ES6는 프로그램에 나타나는 공백, 탭 및 줄 바꿈을 무시합니다. 프로그램에서 공백, 탭 및 줄 바꿈을 자유롭게 사용할 수 있으며 코드를 쉽게 읽고 이해할 수 있도록 깔끔하고 일관된 방식으로 프로그램을 형식화하고 들여 쓰기 할 수 있습니다.

JavaScript는 대소 문자를 구분합니다.

JavaScript는 대소 문자를 구분합니다. 즉, JavaScript는 대문자와 소문자를 구분합니다.

세미콜론은 선택 사항입니다.

각 명령 줄을 statement. 세미콜론은 JavaScript에서 선택 사항입니다.

예

console.log("hello world") 
console.log("We are learning ES6")

한 줄에 여러 문이 포함될 수 있습니다. 그러나 이러한 문은 세미콜론으로 구분해야합니다.

JavaScript의 주석

Comments프로그램의 가독성을 향상시키는 방법입니다. 주석은 코드 작성자, 함수 / 구문에 대한 힌트 등과 같은 프로그램에 대한 추가 정보를 포함하는 데 사용할 수 있습니다. 주석은 컴파일러에서 무시됩니다.

JavaScript는 다음 유형의 주석을 지원합니다.

Single-line comments (//) − //와 줄 끝 사이의 모든 텍스트는 주석으로 처리됩니다.
Multi-line comments (/* */) − 이러한 주석은 여러 줄에 걸쳐있을 수 있습니다.

예

//this is single line comment  
/* This is a  
Multi-line comment 
*/

첫 번째 JavaScript 코드

전통적인 "Hello World"예제부터 시작하겠습니다. "

var message = "Hello World" 
console.log(message)

프로그램은 다음과 같이 분석 할 수 있습니다-

1 행은 message라는 이름으로 변수를 선언합니다. 변수는 프로그램에 값을 저장하는 메커니즘입니다.
2 행은 변수의 값을 프롬프트에 인쇄합니다. 여기서 콘솔은 터미널 창을 나타냅니다. 기능 로그 ()는 화면에 텍스트를 표시하는 데 사용됩니다.

코드 실행

Node.js를 사용하여 코드를 실행합니다.

Step 1 − 파일을 Test.js로 저장
Step 2 − Visual Studio Code 프로젝트 탐색기 창의 작업 파일 옵션에서 Test.js 파일을 마우스 오른쪽 버튼으로 클릭합니다.
Step 3 − 명령 프롬프트에서 열기 옵션을 선택합니다.
Step 4 − Node의 터미널 창에 다음 명령을 입력합니다.

node Test.js

파일이 성공적으로 실행되면 다음 출력이 표시됩니다.

Hello World

Node.js 및 JS / ES6

ECMAScript 2015 (ES6) 기능은 세 그룹으로 분류됩니다.

For Shipping − V8이 안정적이라고 생각하는 기능입니다.
Staged Features − 거의 완성 된 기능이지만 V8 팀에서 안정적인 것으로 간주하지 않습니다.
In Progress − 이러한 기능은 테스트 목적으로 만 사용해야합니다.

첫 번째 기능 범주는 완전히 지원되며 노드에서 기본적으로 설정됩니다. 스테이징 된 기능을 실행하려면 런타임--조화 플래그가 필요합니다.

Node.js에 대한 구성 요소 별 CLI 플래그 목록은 여기에서 찾을 수 있습니다. https://nodejs.org/api/cli.html

엄격한 모드

ECMAScript 사양의 다섯 번째 버전은 Strict Mode를 도입했습니다. Strict Mode는 JavaScript에 제약 계층을 부과합니다. 일반적인 JavaScript 의미를 몇 가지 변경합니다.

코드는 다음을 포함하여 Strict Mode에서 작동하도록 전환 할 수 있습니다.

// Whole-script strict mode syntax 
"use strict"; 
 v = "Hi!  I'm a strict mode script!";  // ERROR: Variable v is not declared

위의 스 니펫에서 전체 코드는 제한된 JavaScript 변형으로 실행됩니다.

JavaScript는 또한 블록의 범위 내에서 함수의 범위 내에서 엄격한 모드를 제한 할 수 있습니다. 이것은 다음과 같이 설명됩니다-

v = 15 
function f1() { 
   "use strict"; 
   var v = "Hi!  I'm a strict mode script!"; 
}

위의 스 니펫에서 함수 외부의 모든 코드는 엄격하지 않은 모드에서 실행됩니다. 함수 내의 모든 문은 Strict 모드에서 실행됩니다.

ES6 및 호이 스팅

기본적으로 JavaScript 엔진은 선언을 맨 위로 이동합니다. 이 기능은hoisting. 이 기능은 변수 및 함수에 적용됩니다. Hoisting은 JavaScript가 선언되기 전에 컴포넌트를 사용할 수 있도록합니다. 그러나 호이 스팅 개념은 Strict Mode에서 실행되는 스크립트에는 적용되지 않습니다.

가변 호이 스팅 및 기능 호이 스팅은 다음 장에서 설명합니다.