JavaScript: JS 기초 Ep.2 (예약어, 함수, 조건문)

예약어

예약어는 특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어이다.

• Reserved Word

  let this = 'Hello'; // SyntaxError
  let if = 123; // SyntaxError
  let break = true; // SyntaxError
  

함수

특정 동작(기능)을 수행하는 일부 코드의 집합(부분)이다.

• function

  // 함수 선언
  function helloFunc() {
    // 실행 코드
    console.log(1234);
  }
    
  // 함수 호출
  helloFunc(); // 1234
  ----------------------------------------
  function returnFunc() {
    return 123; // 숫자 데이터 123을 반환
  }
  // return을 통해 데이터를 함수 밖으로 내보낼 수 있다.
    
  let a = returnFunc(); // 함수가 호출(실행)되면서 변수 a에 할당된다.
    
  console.log(a); // 123
    
  

• 매개변수(Parameters) 및 인수(Arguments)

  // 함수 선언
  function sum(a, b) { // a와 b는 매개변수 (Parameters)
    return a + b; 
  }
  // 매개변수: 함수 안에서 사용하는 데이터를 받아주는 매개체가 되어주는 변수
  // 함수 안에서만 사용이 가능하다
    
  // 재사용
  let a = sum(1,2); // 1과 2는 인수 (Arguments)
  let b = sum(7, 12); // sum이라는 함수 호출(실행)
  let c = sum(2,4);
    
  console.log(a, b, c); // 3, 19, 6
    
  // 인수: 매개변수가 받아줄 특정한 데이터들
  ------------------------------------------
  // 기명(이름이 있는) 함수
  // 함수 선언: 함수의 이름이 명시되어져 있고 내가 원하는 이름을 명시
  function hello() {
    console.log('Hello~');
  }
    
  // 익명(이름이 없는) 함수
  // 함수 표현: 이름이 없는 상태로 소괄호 시작
  // 익명함수는 데이터로서 사용되거나 변수에 할당되어 사용함
  let world = function () {
    console.log('World~');
  }
    
  // 함수 호출
  hello(); // Hello~
  world(); // World~
  

• 메소드 (Method)

  // 객체 데이터
  const soha = {
    name: 'SOHA', //name, age은 속성
    age: 85,
    // getName, 속성 부분에 함수가 할당되어져 있음
    // 메소드(Method): 속성부분에 일반적인 데이터가 아닌 함수가 할당되어져 있다
    getName: function () {
      return this.name; // this는 this가 속해져있는 객체데이터를 의미함
      // this.name = this가 속해져 있는 데이터의 name이라는 속성을 return 반환해주세요
    }
  };
  // soha 안에서 getName을 실행하게 되면 soha안에 있는 name이라는 속성의 값이
  // getName 밖으로 빠져나올 수 있게 됨.
    
  const hisNmae = soha.getName();
  console.log(hisName); // SOHA
  // 혹은
  console.log(soha.getName()); // SOHA
  

  조건문

  ---

  조건의 결과(truthy, falsy)에 따라 다른 코드를 실행하는 구문이다.

• if

  let isShow = true
  let checked = false
    
  if (isShow) { // 조건 = isShow / isShow가 트루라면 실행
    console.log('Show!') // Show!
  }
    
  if (checked) { // 조건 = checked / checked가 false이기에 실행되지 않음
    console.log('Checked!')  
  }
  

• else

  let isShow = true
    
  if (isShow) { // true면 Show! 실행
    console.log('Show!')
  } else { // false라면 Hide? 실행
    console.log('Hide?')
  }