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

04 Aug 2022 • TIL

예약어

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

  • 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?')
}
 TIL  JS

Comments

Related Posts