Javascript

1. 함수 = function(기능)

input, output을 가지고 있는 기능의 단위

Js 내에서 기능의 단위로 묶어 재활용을 한다 -> 효율적 코드 작성

• 기본 골격 : function() {};

1) 함수 선언문

function add(매개변수) { 함수 내부에서 실행할 로직}

• 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수
  function add(x, y) { return x+y };

2) 함수 표현식
let add1 = function(x, y) { return x + y };

• 함수를 호출한다(사용한다)
  함수명() -> add(입력값)
  console.log(add1(7, 5))//12

let functionResult = add1(4, 9)
console.log(functionResult)//13

방법1)
function add3(x, y) { return x + y }
console.log(add(10,20))//30
방법2)
let functionResult2 = add3(10,20)
console.log(functionResult2)//30

• input : 함수의 input -> 매개변수(매개체가 되는 변수
  output : return문 뒤에 오는 값 : 반환값

2. 스코프 = scope( 변수의 영향 범위)

2-1) 전역변수 : 스코프가 전체 영역에서 영향을 준다.

let x = 10;

function printX() { console.log(x) }//10

console.log(x);//10
printX();

2-2) 지역변수 : 스코프가 함수 내에서만 영향을 미친다.

function printX() { let x = 10; console.log(x); }

console.log(x);//오류<x is not defined>
printX();

3. 화살표 함수

ES6 신 문법

함수 표현식보다 간결하다.

function add() { return x + y }

3-1) 기본적인 화살표 함수

• 기본적인 함수 형태를 자유로히 쓰게 되면 그 후에 화살표 함수 사용 지향

  let arrowFunc01 = (x, y) => { return x + y }

• 한 줄로 사용 (중괄호도 같이 삭제 해줘야 한다)
  let arrowFunc02 = (x, y) => x + y

• 예시>
  function testFunc(x) { return x };

  • 예시를 화살표 함수로>
    let arrowFunc03 = (x) => x
  • 괄호 없이도 사용 가능!
    let arrowFunc03 = x => x

4. 조건문(if, else if, else, switch)

4-1) if 문

if(조건: true 또는 false가 나올 수 있는 조건) { // main logic }

• 예1) let x = 10;
if(x > 0) { console.log('x는 양수입니다. ')// x는 양수입니다
• 예2)
  let y = 'Hello world';
if (y.length >=5) { console.log(y.length)// 11

4-2) if ~ else 문

if() { //main logic #1 } else { main logic #2 }

예1)
let z = -2; if (z > 0) { console.log('z는 양수입니다.') } else { console.log('z는 음수입니다.') }//z는 음수입니다.

4-3) if ~else if ~else 문

if (조건1) { // main logic #1 } else if (조건2) { // main logic #2 } else { //main logic #3 }

예1)
let x1 = 4; if(x1 < 0) { console.log('1') } else if(x1 >= 0 && x1 < 15) { console.log('2') } else { console.log('3') };//2

4-4) switch (변수가 같이 나온다)

• 변수의 값에 따라, 여러 개의 경우(case) 중 하나를 선택
• default

let fruit = '사과'
switch(fruit) { case '사과': console.log('사과입니다'); break; case '바나나': console.log('바나나입니다'); break; case '키위' : console.log('키위입니다'); break; default : console.log('아무것도 아닙니다'); break; }//사과입니다

• case가 끝날 때 break문을 꼭 넣어줘야한다. 그래야 중괄호를 빠져나올 수 있다
• 반복문을 종료시킴