자바스크립트 기본 문법 가볍게 정리

변수 선언

1. var : 함수 스코프 (전역변수와 유사), 같은 변수를 여러 번 선언할 수 있다. 하지만 의도치 않은 버그가 발생할 가능성 때문에 최근에는 잘 쓰이지 않는 추세
2. let : 블록 스코프 (지역변수와 유사), 재할당이 가능하다.
3. const : 블록 스코프, 상수 선언 시 사용. 재할당이 불가능하다.

 

데이터 타입

1. String : 문자열. 늘 먹던 문자열이 맞다.
2. Number : 숫자. 특이하게도 기본이 int, float 이 아니라 Number부터 튀어나온다.
3. Boolean : true/false
4. Array : 배열
5. Object : 객체. 사실 왜 객체인지 모르겠다. 키-맵 쌍으로 이루어져 있어서 딕셔너리나 해쉬맵같은데
   Json 때문일까? 객체로 불린다.
6. null : 아무것도 없다. pandas의 null과 유사한듯
7. undefined : 정의되지 않음. 변수 선언이 멋대로라 이런 타입이 생긴것같다.

조건, 반복문

자바와 같다.

if (price > 2493021342) {
	consol.log("expensive");
} else {
	consol.log("may be... expensive");
}

for (let i=0; i<54612321; i++) {
	console.log(i);
}

 

 

함수, 화살표 함수

화살표 함수는 ES6에서 도입된 간결한 함수 표현 방식이라고 한다. 자바스크립트식 람다인듯

이벤트 핸들러 같은걸 작성할 때 자주 쓰는 것 같다.

//function
function bread(breadName) {
	return `맛있는 ${breadName}`;
}

// ES6 ++ function
const add = (a, b) => a+b;
consol.log(add(2,3)); // 5출력
consol.log(add("부추", "빵")); //부추빵 출력

//web event
document.getElementById('button').addEventListener('click, () ==> {
	document.getElementById('message').innerText = '눌려버린 버튼';
});

 

 

객체와 배열

키-값 쌍으로 이루어진 데이터를 객체라고 한다. 매우 어색하다.

배열은 다른 언어에서 먹던 그 맛과 같다.

let pen = { type = "marker", color = "blue" };

let pen_type = ["marker", "dip pen", "apple pencil", "fountain pen"];