어휘문법

식별자

식별자(Identifier)는 자바스크립트에서 변수, 함수, 속성의 이름을 지정하는데 사용된다. 식별자는 유일하게 이름을 부여하여 해당 코드 블록을 참조하고 사용할 수 있게 한다.

식별자 작성 규칙:

1. 식별자는 영문자(a-z, A-Z), 숫자(0-9), 달러 기호($) 및 밑줄(_)만 사용할 수 있다.
2. 식별자는 숫자로 시작할 수 없다.
3. 식별자는 예약어를 사용할 수 없다.(예: var, function, for, while 등)
4. 식별자는 공백을 포함할 수 없다.
   예시:

var myName = "John"; //myName 은 식별자!
let _age = 30;       //_age 은 식별자!
const $city = "San Francisco";
function calculateSum() { /* 함수 코드 */ }

위 예시에서 myName, _age, $city, calculateSum은 모두 식별자이다.

식별자를 선택하는 것은 단지 코드가 작동하도록 만드는 것 이상의 의미가 있다. 식별자는 그들이 어떤 것을 의미하는지에 대한 유용한 정보를 제공해야 한다. 즉, 식별자는 해당 변수, 함수 또는 객체가 무엇을 하는지에 대한 힌트를 줄 수 있어야 한다.

예를 들어, s 보다는 studentName이, calculate() 보다는 calculateAverageGrade()가 더 좋은 선택이 될 수 있다. 이는 더 명확하게 그들의 역할과 의미를 설명해주기 때문이다. 그러므로 식별자를 작성할 때는 해당 코드 블록의 역할을 잘 설명할 수 있도록 신중하게 선택해야 한다.

대소문자

자바스크립트에서는 대소문자를 구분한다. 따라서 변수명과 함수명을 작성할 때 대소문자 사용에 주의해야 한다. myVariable과 myvariable은 서로 다른 식별자로 취급된다.

관례적으로 식별자 이름은 카멜 케이스(Camel Case) 방식을 사용한다. 즉, 여러 단어가 결합된 경우 첫 번째 단어를 소문자로 시작하고 이후 단어의 첫 글자는 대문자로 표기한다.
예시: myVariableName, calculateTotalAmount

주석

주석은 코드에 대한 설명이나 메모를 작성하는데 사용된다. 주석은 실행되지 않으며, 코드 실행에 영향을 주지 않다.또한 특정 코드가 실행되지 않도록 막을수도 있다. 주석은 유용한 디버깅 도구로도 쓸수 있다.

자바스크립트에는 코드 속에 주석을 쓰는 두가지 방식이 있다.

한줄
// 이 부분은 주석입니다. 코드 실행에 영향을 주지 않다.
멀티라인
/* 
여러 줄에 걸친
주석을 작성할 때 사용한다.
*/

코드는 컴퓨터를 위해 존재 한다면,주석은 사람을 위해 존재한다.

ECMA 2015 기준 예약 키워드

ECMA 2015 표준에 따라 이미 특별한 용도로 사용되는 예약 키워드들이 있다. 이 키워드들은 식별자으로 사용할 수 없다.

예약 키워드:

let, const, if, else, switch, case, default, while, do, for, break, continue, function, return, class, extends, super, import, export, true, false, null, undefined, typeof, instanceof, this, try, catch, finally, throw, new, in, with, debugger, yield, async, await

식별자(Identifier) 이름:

식별자는 문자, 숫자, 밑줄(_) 혹은 달러 기호($)로 시작해야 하며, 이후에도 추가적인 문자, 숫자, 밑줄, 달러 기호를 포함할 수 있다. 예시: myVariable, myFunction, my_var, my$var

리터럴

리터럴은 코드에서 값을 직접 표현하는 방식이다. 숫자 리터럴, 문자열 리터럴, 불리언 리터럴 등이 있다.

1. 숫자 리터럴: 42, 3.14, 0b1010
2. 문자열 리터럴: 'Hello, World!', "JavaScript"
3. 불리언 리터럴: true, false
4. 배열 리터럴: [1, 2, 3], ['apple', 'banana', 'orange']
   5.객체 리터럴: { name: 'John', age: 25 }, { "name": "Jane", "age": 30 }
5. 정규표현식 리터럴: /ab+c/
6. 함수 리터럴: function() {
   // 함수 본문
   };