JAVASCRIPT 초급 MEMO

때호링·2023년 8월 26일

JAVASCRIPT

목록 보기
2/3
post-thumbnail

1. Const vs Let

상수 : const
변수 : let

2. 문자열

문자열은 큰 따옴표, 작은따옴표, 백틱 이렇게 세가지로 표현 가능하다.

3. null 과 undefined 차이

선언만 하고 할당하지 않다면 "undefined"
변수에 null 을 할당한다면 존재하지 않음

4. alert prompt confirm

prompt -> 입력받음

alert -> 알려줌

confirm -> 확인받음 (컴펌은 확인과 취소버튼이 있음)

5. 함수 선언문 vs 함수 표현식

차이점은 호출할 수 있는 '타이밍' 입니다.

함수 선언문

자바스크립트는 인터프리터 언어입니다. 그런데 어떻게 아래코드가 실행될 수 있을까?

본인이 호출하는 곳이 위에 있는데 어떻게 호출이 되었을까?
자바스크립트는 내부 알고리즘 때문입니다. 자바스크립트는 실행 전 초기화 단게에서 코드의 모든 함수 선언문을 찾아서 생성해둡니다.

코드를 사용할 수 있는 범위는 엄청 넓어집니다.
이것을 호이스팅 이라고 합니다.
코드 위치는 실제 올라가진 않습니다.

함수 표현식

함수표현식은 자바스크립트가 한줄씩 읽어나가면서 생성되기 때문에 해당 코드에 도달했을때 생성됩니다.
그렇기 때문에 그 이후에만 사용할 수 있습니다.

그래서 뭐가 좋을까요?!
1. 코드 위치때문에 에러가 발생하는걸 신경쓰기 싫다 -> 함수선언문
2. 그냥 둘다 비슷비슷 방법의 차이

6. 화살표 함수(arrow function)

화살표 함수 들어가기 전에
아래 함수 표현식은 선언이 안되어 있어서 에러가 나는것이다.

함수 선언문으로 작성하면 아래와 같다.

이제 화살표 함수로 변경하면

이번엔 인수가 2개이고 리턴문이 있는 예제를 만들어보겠습니다.

리턴을 지우면 아래와 같이 만들 수 있습니다.

리턴문이 한줄일 경우에는 더 간결하게 아래와 같이 작성 할 수 있습니다.

7.객체 만들기

객체는 중괄호와 키와 값으로 구성된 프로퍼티가 들어갑니다.각 프로퍼티는 쉼표로 구분합니다.

단축 프로퍼티를 사용하면 보다 간단하게 작성할 수 있습니다.

이렇게 된 name 과 age를 아래와 같이 생략할 수 있습니다.

IN 사용방법


화살표 함수는 일반함수와 달리 자신만의 this를 가지지 않음
화살표 내부 함수에서 this 를 사용한다면, 그 외부에서 값을 가져옴

위에서 this 는 전역객체를 가리키게 됩니다.


8. 배열


업로드중..

profile
#spring boot #react

0개의 댓글