데이터 타입 & 함수

책 <러닝자바스크립트>를 기본으로 배운 자바스크립트 내용입니다.

 

목차

• <데이터 타입>
• 1. 변수와 상수, 리터럴
• 2. 식별자
• 3. 자바스크립트의 값 - 원시 타입과 객체
• <함수>
• 1. 함수 선언
• 2. 함수 표현식, 화살표 표기법
• 3. 함수 호출, (call, apply, bind)

 

<데이터 타입>

1. 변수와 상수, 리터럴

1-1) 변수(let)와 상수(const) : 초깃값 생략가능, 생략하면 undefined으로 대체됨

let/const  변수/상수이름;
let/const  변수/상수이름 = 초깃값;
let/const  변수/상수이름1 = 초깃값1, 변수/상수이름2 = 초깃값2;

※ 변수 vs 상수

우선 상수로 만들고 변하는게 자연스럽다고 생각되면 변수로 변경

예외) 상수x, 항상 변수인 경우 : 루프, 시간이 지나면서 값이 바뀌는 경우

 

1-2) 리터럴 : 값을 지정해줄때에 할당되는 값

 

2. 식별자 : 객체(변수, 상수, 함수)의 이름

2-1) 식별자 이름 규칙

• 식별자는 반드시 글자나 달러 기호($), 밑줄(_)로 시작해야 합니다.
• 식별자에는 글자와 숫자, 달러 기호, 밑줄만 쓸 수 있습니다.
• π나 ö 같은 유니코드 문자도 쓸 수 있습니다.
• 예약어는 식별자로 쓸 수 없습니다.
• 식별자는 대문자로 시작해서는 안 됩니다.
• 밑줄 한 개 또는 두 개로 시작하는 식별자는 아주 특별한 상황, 또는 ‘내부’ 변수에서만 사용합니다. 자신만의 특별한 변수 카테고리를 만들지 않는 한, 변수나 상수 이름을 밑줄로 시작하지 마십시오.
• 제이쿼리를 사용할 경우, 달러 기호로 시작하는 식별자는 보통 제이쿼리 객체라는 의미입니다. 

 

3. 자바스크립트의 값 - 원시 타입과 객체

원시타입	숫자, 문자열, boolean, null, undefined, symbol
객체(여러 가지 형태, 값 지정)	Array, Date, RegExp, Map과 WeakMap, Set과 WeakSet

 

<함수>

1. 함수 선언

function 함수이름(){
	//...
}

#참조
함수이름;

#호출
함수이름();

 

2. 함수 표현식

#함수이름 생략가능, 재귀할 땐 필요
const g = function 함수이름(){
	//...
}

2-1) 화살표 표기법 : function단어와 중괄호 숫자를 줄이려고 고안됨

• function을 생략해도 됨.
• 함수에 매개변수가 단 하나 뿐이라면 괄호 (())도 생략가능.
• 함수 바디가 표현식 하나라면 중괄호와 return문도 생략가능.
• ex) 화살표 표기법은 항상 익명함수.

const f1 = () => "Hello!";
const f2 = name => "Hello!, $(name)";
const f3 = (a,b) => a+b;

 

3. 함수 호출

3-1) 함수 호출 방법

함수이름();
함수이름.call/apply/bind(객체,인수/[인수]);

3-2) call, apply, bind : 함수의 실행영역을 지정해주는 함수의 메소드

• apply : 배열로 인자를 전달.

함수.apply(인자1, 인자2, ...)

• call : 인자를 하나씩 전달, 2번째 인자부턴 호출하는 함수로 전달.

함수.call(인자1, 인자2, ...)

• bind : this의 값을 영구히 바꿀 떄 사용.

const f = 함수.bind(바꿀값)