TIL : 변수, 타입, 함수

1. 변수 (Variable)

= 특정 값을 저장하는 메모리 공간의 이름 (변수명에 공백 X → 단어 첫 글자 = 대문자)

· 선언(공간 확보) : 한 번 선언한 변수를 다시 사용할 때는 다시 선언하지 않는다!

· 할당(공간에 데이터 저장)

· 선언 + 할당

let age = 20;

= : 대입 연산자 (같다 X)

; (세미콜론) : 명령이 끝남

 

※ let vs const vs var

· let : 재선언 불가, 재할당 가능

· const : 재선언 불가, 재할당 불가

· var: 재선언 가능, 재할당 가능

---

2. 타입 (Type)

변수에는 다양한 타입이 존재한다!

숫자(number), 문자열(string), Boolean(true/false), 자료형(배열, 객체), undefined, 함수 등

---

3. 함수 (Function)

= 코드의 묶음, 기능(function)의 단위, 입력 출력 간 매핑(mapping)

· 선언(버튼 제작) : speed, distance = 매개변수(parameter) 선언하지 않고 사용 O

· 호출(버튼 사용) : 20, 100 = 전달인자(arguments)

let timeToGoHome = function(speed, distance) {
  let time = distance / speed;
  console.log(time);
}

> timeToGoHome(20, 100)
  5

함수 밖으로 결과를 가져오려면 return으로 출력!!

---

4. 함수 선언식 vs 함수 표현식

1. 함수 선언식

함수 선언은 function으로 시작하며 선언된 함수는 이후 사용을 위해 저장된다. 해당 함수 이름을 호출하면 실행된다.

function foo() {
  return '함수 선언식';
}

foo(); //'함수 선언식'

2. 함수 표현식

자바스크립트 함수는 표현식을 사용하여 정의될 수 있으며, 함수 표현식은 변수로 저장될 수 있다. 함수 표현식이 변수에 저장되면, 변수는 함수처럼 사용 가능하다. 이후 변수 이름을 통해 호출하면 된다.

let x = function foo() {
  return '함수 표현식';
}

x; /*foo() {
       return '함수 표현식';
     }*/

---

5. 코드 학습법

-> 모르는 것은 검색 👀 : "(quote), -(hypen), :(colon), *(asterisk) 이용

mdn + 키워드 / ~ in javascript / 에러 자체를 검색 / Stack OverFlow 이용

 

-> 에러 : anonymous는 이름 없는 함수를 뜻한다. 1:1 이런식으로 뒤에 붙는 건 1번째 줄에 1번째 글자에서 오류라는 의미이다.