[Front-End] Javascript

SHINYEJI·2023년 9월 17일
0

Front-End

목록 보기
12/12

Javascript 문법

자료형

Primitive Type

자료형typeof설명
숫자형number정수 or 실수형
문자열형string문자,"" or '' 둘 다 사용 가능
boolean형booleantrue or false
undefinedundefined변수가 선언 되었지만 초기화가 되지 않은 경우
nullobject값이 존재하지 않은 경우

Object Type

  • Infinity : 무한대를 나타내는 상수
    • number / 0 or infinity / number 한 결과
  • NaN (Not a Number) : 결과가 숫자가 아님을 나타내는 상수

호이스팅

  • 변수 선언 및 function 키워드를 사용한 함수 선언문을 가장 먼저 실행해주는 것
    즉, javascript는 모든 선언문이 선언되기 이전에 참조가 가능
  • 함수 표현식의 경우 함수 호이스팅이 아닌 변수 호이스팅이 발생하여 함수가 미리 선언되지 않는다.
var result = printFunc(5);
console.log(result);

var printFunc = function(num1){
	console.log(num1);
  	return num1 + 1;
}

실행 순서
var result; // 1. result = undifined;
var printFunc; // 2.pringFunc = undifined;
var result = printFunc(5); // 3. printFunc()을 result에 대입하려고 하지만 printFunc()가 없어 에러가 발생

함수 표현식이 아닌 함수 선언문을 사용하면 미리 함수가 선언되어 사용 가능.

var result = printFunc(5);
console.log(result);

function printFunc(num1){
	console.log(num1);
    return num1 + 1;
}

실행순서
var result; // 1. result = undifined;
function printFunc() // 2. 함수 선언
var result = pringFunc(5); // 3. 함수가 정상적으로 호출 됨
console.log(num1) // 4. 출력 : 5
console.log(result) // 5. 출력 : 6

변수

var

  • ES6 이전부터 계속 사용 됨
  • 재선언이 가능
  • 선언 위치는 전역 스코프

let

  • 변수 (ES6부터 추가 됨)
  • 재선언 불가능
  • 선언 위치는 {}해당 스코프

const

  • 상수 (ES6부터 추가 됨)
  • 상수 표기법 : 모든 문자를 대문자로하고 단어 사이는 '_'로 표기
  • 재선언 불가능
  • 선언 위치는 {}해당 스코프
const LIST_COUNT = 20;

함수

  • javascript 함수는 일급객체이다.

    👀 일급객체란?

  1. 변수, 객체, 배열의 요소 등으로 저장 가능
  2. 함수 호출 시 인자(argument)로 전달 가능
  3. 리턴 값으로 함수 반환 가능

0개의 댓글

관련 채용 정보