[자바스크립트 비기너] 문장(Statement), 함수(Function)

1. 문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록

---

문장

• 형태: ;
• 문장을 끝나게 하는 역할을 한다.

화이트 스페이스

• 사람 눈에 보이지 않는 문자
• 가독성을 위한 것으로 문자마다 기능을 갖고 있다. (ex. 스페이스는 한 칸, 엔터는 한 줄 띄우기)

세미콜론 자동 삽입

• 세미콜론을 붙이지 않으면 자동으로 삽입하여 문장이 끝나게 한다. JS 엔진이 분석 및 삽입한다. (ES5부터 지원)
• 줄바꿈을 하면 자동으로 문장 끝에 시미콜론을 삽입시켜주는 것.

블록

• 형태: {문장 리스트}
• 중괄호는 실행 그룹으로, 블록 안의 모든 문장을 실행한다.
• 문장 리스트: {} 안의 모든 문장으로 문장 리스트 작성은 선택 사항이다.

2. if, debugger

---

if

• 조건에 따라 처리한다.
• 먼저 표현식을 평가하고 평가 결과를 true/false로 반환한다.

debugger

• debugger 위치에서 실행이 멈춘다.
• 브라우저 개발자 도구 창이 열려 있을 때만 멈춘다.
• ES5부터 지원한다.

3. while, do-while

---

while

• 표현식의 평과 결과가 false가 될 때까지 문장을 반복하여 실행한다.
• 반복이 종료되는 조건이 필요하다.

do-while*

• 처리 방법은 while문과 같지만 do문을 먼저 실행한다.

4. for

---

• for(초깃값; 비교; 증감)
• 2번째의 비교 표현식의 평과 결과가 true인 동안 문장을 반복하여 실행한다.
• 문장 안에서 비교가 false가 되는 때가 있도록 코드를 작성해야 한다.

5. break, continue

---

break

• 형태: break;, break 식별자;
• 반복문을 종료할 때 주로 사용한다.

continue

• 반복문의 처음으로 분기한다.

6. switch

• switch 표현식의 평가 값과 일치하는 case문을 실행한다.
• OR(||) 형태: case 여러 개가 같은 코드 실행

7. try-catch, throw

---

try-catch

• try문에서 예외 발생을 인식하고 예외가 발생하면 catch 블록을 실행한다.
• finally 블록은 예외 발생과 관계없이 실행된다.
• 서버에서 데이터를 가져올 때 (통신을 할 때)는 반드시 try문 안에 코드를 작성해야 한다.

throw

• 명시적으로 예외를 발생시킨다.
• 예외가 발생하면 catch를 실행한다.
• throw 아래의 코드는 실행되지 않는다.

// throw 표현식에 오브젝트 작성한 형태 
try { 
	throw { 
    	msg: "예외 발생시킴", 
        bigo: "임의의 이름 사용"
    }; 
} catch (error) { 
	console.log(error.msg); // 예외 발생시킴 
    console.log(error.bigo); // 임의의 이름 사용 
}; 

// throw 표현식에 Error 오브젝트 작성 
// Error() 파라미터에 메시지를 작성하면 오브젝트의 message에 메시지가 설정된다. 
try { 
	throw new Error("예외 발생시킴"); 
} catch (error) { 
	console.log(error.message); // 예외 발생시킴 
};

8. strict 모드

---

• 형태: "use strict"
• 엄격하게 JS 문법을 사용하겠다는 선언
• 작성한 위치부터 적용된다.
• ES5부터 지원한다.
• 코딩 실수를 예방하기 위해 선언하는 것이 좋다.
• JS 엔진이 처리하는 퍼포먼스가 좋아진다.

1. 함수 구성 요소, 함수 이름 규칙과 관례

---

• 함수(function): 특정 기능을 처리하는 자바스크립트 코드 묶음
• 함수 형태

• function book() { var title = "JS"; };
  // 변수에 함수를 할당한 형태
  var point = function(one, two) {
  	var total = one + two;
  	var bonus = total + 100;
  };

 

함수 구성 요소

• function 키워드
• 함수 이름
• 파라미터: 매개 변수, 인자, argument로도 부른다.
• 함수 바디: 함수 코드, 소스 텍스트라고도 한다.

함수 이름 규칙

• 첫 문자: 영문자, &, 언더바 사용 가능. 다른 키워드(숫자, & 등)는 사용 불가능하다.
• 함수 코드를 읽지 않더라도 함수 이름과 파라미터로 기능을 알 수 있도록 시맨틱을 부여하여 작성한다.
• CamelCase 형태 사용
• 동사 + 명사 형태로 동적인 모습

2. 함수 호출, return문

---

호출받는 함수

• 함수는 호출되어야 실행된다.
• 함수라고 하면 호출받는 함수를 지칭한다.

return

• 표현식의 평과 결과를 반환한다.
• return 또는 표현식을 작성하지 않으면 undefined를 반환한다.
• return과 표현식을 한 줄에 작성한다.

3. 주석 작성 목적, 주석 작성 사례

---

주석 작성의 궁극적인 목적

• 코드가 목적을 달성하기 위한 기능, 시나리오 등을 생각하고 정리하는 것
• 이를 문법에 맞추어 작성한 것이 코드이다.
• 코드를 작성하기 전 먼저 정리한 생각을 주석으로 작성하는 습관을 가지는 것이 좋다.
• 코드의 목적, 결과가 미치는 영향을 작성하되, 다른 사람이 이해할 수 있도록 자세하게 작성한다.