Unit2 - [JavaScript] 기초

예진·2022년 8월 22일
0
post-thumbnail

🔥 변수

1. 변수의 이해

변수는 어떤 값(데이터)을 담는 보관함(메모리)의 이름이다.
변수를 선언하여 데이터 보관함(메모리)에 데이터를 넣을 공간을 확보한다.

  • 데이터 보관함의 크기는 동일
  • 변수를 통해 데이터 사용(재활용)
  • = 는 같다라는 의미 x , === 같다는 의미

2. 변수의 선언

변수는 상황에 따라 변할 수 있는 값이다.

let a = '사과',
    b = 3;
// 쉼표를 사용해서 키워드는 한 번만 사용하고, 변수 선언과 값 할당 가능

변수 선언 : let 변수명;
변수 할당 : 선언한 변수명 = '값';
동시에 변수 선언 & 할당 : let 변수명 = '값';

  • 표현식(expression)에서 변수 이용한다.
  • 변수명에 공백을 쓸 수 없고, camelCase 사용한다.
  • 변수가 선언되었지만 값이 할당되지 않았다면 undefied
  • Null 타입은 null 하나의 값만 가진다.
    + let은 재할당 가능

변수에 동일한 변수를 사용해서 대입 가능하다.

let add = 1;
add = add + 1; // 한번 선언한 변수를 다시 사용할 때 let 사용 x
add = add + 2;
add = add + 3;
// 7

🔥 타입

1. 타입의 이해

변수에는 다양한 타입이 존재한다.
=> 숫자(number), 문자열(string), 불리언(boolean), undefined, 함수, 배열, 객체

  • 문자열(string) : '' , " " 로 묶인 값
  • 불리언(boolean) : 참(true)과 , 거짓(false) 판단
  • 여러 타입이 섞인 타입 = 자료형 : 배열, 객체

2. typeof 연산자 사용하기

타입 확인 : typeof 값;

console.log(typeof 1);  
// number

console.log(typeof '1');  
// string

console.log(typeof (1 < 2));  
// boolean 

변수에 할당한 값도 typeof 연산자를 이용해 타입을 확인할 수 있다.

let a = 1;
console.log(typeof a);
// number

let b = '1';
console.log(typeof b);
// string

let c = (1 < 2);
console.log(typeof c);
// boolean

🔥 함수

1. 함수의 이해

함수는 작은 기능(function)의 단위이며, 논리적인 일련의 작업을 하는 단위이다. => 함수는 입력을 받아서 코드블록 내부의 코드를 실행한 후 반환하는 일련의 과정의 묶음
함수는 항상 출력값(return)을 반환한다!

  • 반복적인 기능을 필요할 때마다 호출하여 사용 가능하다 = '즐겨찾기'
  • 입력과 출력간의 매핑(mapping) : 구체적인 입력값과 출력값 존재한다

2. 함수 다루기

함수 선언 방법

  • 함수 선언식 (function declaration) : 지정된 매개변수를 갖는 함수
function 함수명(parameter1, parameter2) {
  return parameter1 + parameter2 ;
}
  • 함수 표현식 (function expression) : 변수 선언 후 익명함수 할당하는 함수
let 변수명 = function(parameter1, parameter2) {
  return parameter1 + parameter2 ;
}
  • 화살표 함수 (arrow function) : 변수 선언 후 화살표 함수 사용
let 변수명 = (parameter1, parameter2) => {
  return parameter1 + parameter2 ;
}

함수의 본문(body)에 return 문만 있다면, return과 중괄호{} 생략 가능하다.

함수의 호출

- 매개변수(parameter)
: 함수를 정의할 때 선언, 함수 코드 블록 안에서 변수처럼 취급(입력에 따라 바뀔 수 있음)

- 전달인자(argument)
: 함수를 호출할 때 소괄호 안에 값을 넣음으로써 매개변수에 값 할당

  • 매개변수의 수보다 적은 전달인자가 전달되면, 아무것도 전달되지 않은 매개변수는 undefined로 초기화 된다.

let & const 차이 ( + 추가 학습 )

let = 재할당 가능
: 동일한 이름을 갖는 변수 중복 선언 불가능 (중복 선언시 문법 에러 발생)

const = 재할당 금지
: 상수(변하지 않는 값)를 위해 사용,

profile
😊

0개의 댓글