[코드스테이츠] 프로트엔드 45기 (7)

조건문

• javascript는 {} 라는 코드 블록을 내부 실행문을 구분함

if (조건) {
	코드;
}

• 조건문 코드 블록의 코드를 탭으로 indentaion을 할 필요는 없음
  • 다만, 코드 이해를 돕기 위해 일반적으로 함

let age = 20;
if(age > 19) {
	console.log('성인입니다.');
}

• if-else 구문도 가능
  함

• if (조건) {
  	코드;
  }else {
  	코드;
  }

• else를 다음 줄에 놓든, 코드 블록 닫기와 같은 라인에 놓든 관련 없음

let age = 20;
if (age > 19) {
	console.log('성인입니다.');
}else {
	console.log('성인이 아닙니다.');
}

let age = 20;
if (age > 19) {
	console.log('성인입니다.');
}
else
{
	console.log('성인이 아닙니다.');
}

• else if도 지원함

let age = 10;
if (age > 19) {
	console.log('성인입니다.');
}else if (age > 15) {
	console.log('청소년입니다.');
}else {
	console.log('어린이입니다.');
}

switch/case 구문도 가능

• C언어나 JAVA 언어등의 언어에서 지원하는 switch/case 구문 지원

let month =1;

switch (month) {
	case 1:
		console.log('jan')
		break;
	case 2:
		console.log('Feb');
		break;
	default:
		console.log('Not Matched');
}

• case 문에서 break를 해주지 않으면, 다음 case 문 및 default 문도 실행하게 됨

let month = 2;

switch (month) {
	case 1:
		console.log('jan');
		break;
	case 2:
		console.log('Feb');
		break;
	default:
		console.log('Not Matched');
}

함수

• 기본 문법

function 함수이름(함수인자) {
	함수실행코드
}

• 예제

function FunCoding(name) {
	console.log('Hi,' + name + '!');
}
FunCoding('fun-coding');

• return 키워드 사용

function Funcoding(name) {
	return 'hi' + name + '!'
}
console.log(FunCoding('fun-coding'));

ES6 화살표 함수 (Arrow function, '=>')선언

• 함수 선언을 보다 간단하게 하기 위해 고안된 문법
• 화살표 함수는 익명 함수임
  • 따라서, 익명 함수를 호출하기 위해, 변수에 대입하는 경우가 많음

let func = (함수인자) => expression
let func = (함수인자) => {statements}

// 위 일반적인 화살표 함수 문법은 다음 함수 선언과 동일함
let func = function(함수인자) {
	return expression;
};

• 다음과 같은 세가지 단축 문법 지원
  • function 키워드 생략 가능
  • 함수 인자가 하나 뿐이면, 괄호() 생략 가능
  • 함수 코드가 한 라인이라면, 코드 블록 기호(중괄호) 및 return 키워드 생략 가능
• 예1: 다음 두 함수 선언은 동일한 선언임

let f1 = function() {
	return "hello world!";
}
let f1 = () => "hello world!";

예2: 다음 두 함수 선언 동일한 선언임

let f2 = function(age) {
	return age * 2;
}

let f2 = age => * 2'
console.log(f2(1));

예3: 다음 두 함수 선언은 동일한 선언임

let f3 = function(item1, item2) {
	return item1 * item2;
}

let f3 = (item1, item2) => item1 * item2;
console.log(f3(1));