[프론트엔드] 13. JavaScript 기초 (2) 변수 / 예약어 / 함수 / 조건문

[ 1 ] 변수

1) var

: 사용 하지 않는 것을 권장.

2) let

: 재사용과 재할당 가능, 재선언 불가.

let a = 1;
let b = 2;
a = 98;
console.log(a + b); // 100

3) const

: 재사용 가능, 재할당과 재선언 불가.

const a = 90;
console.log(a); // 90
a = 80;
console.log(a);
// TypeError: Assignment to constant variable.

[ 2 ] 예약어

: 특별한 의미를 가지고 있어서 변수나 함수 이름으로 사용 불가.

let case = 'hello'; // SyntaxError
let num = 985; // SyntaxError
let null = false; // SyntaxError

[ 3 ] 함수

: 특정 기능을 수행하는 코등의 집합
: function

1) 기명 함수

// 선언
function helloWorld() {
  console.log('Hello World!');
}
//호출
helloWorld(); // Hello World!

function multiply(a, b){
  return a * b;
}
console.log(multiply(2, 3)); // 6
let x = multiply(9, 9);
console.log(x); // 81

:: a와 b라는 매개변수 (Parameters) 를 넣어 return, 값을 반환할 수 있다.
:: 매개변수에 대입되는 데이터를 인수 (Arguments) 라고 한다.
:: 함수는 let을 통해 선언하는 것과 같이 재사용이 가능하다.

2) 익명 함수

// 객체 데이터
const customers = {
  name: 'hana',
  age: 26,
  // Method
  getName: function () {
  	return this.name;
  }
};
let callName = customers.getName() ;
console.log(callName); // hana

[ 4 ] 조건문

: 조건의 결과에 따라 다른 코드를 실행
: if else

let a = 6;
if a < 5 {
  console.log('Good!');
} else {
  console.log('Wrong!');
} // Wrong!

::조건이 true라면 else 이전의 코드를 실행한다.
::조건이 false라면 else 이후의 코드를 실행한다.