이채현

자바스크립트는 프로토타입 기반의 언어다.

constructor (생성자)

1
2
3
4
5
6
7
8
9
10

function Person(name, age) {
	this.name = name;
	this.age = age;
}

class Paerson {
	constructor() {

	}
}

이채현

JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작한다.

엄격모드와 비엄격 모드에서도 일부 차이가 있다.

• this는 scope와 관계가 있다.
• 객체에도 영향을 준다.
• this가 어디에 묶여있냐를 아는 것이 코드를 작성하는 시점, 동작하는 시점에 차이가 있을 수 있다.

이채현

전역 스코프 (Global)

• 그냥 가장 바깥쪽
• 언제 어디서나 접근 가능하기 때문에 재정의가 가능하다 ← 큰 문제
  • 그 결과, 프로그램의 실행 결과 때 내가 만든 변수들의 결과를 예측하기 어려워짐 → 팀 단위로 개발할 때 최악

지역 스코프

이채현

객체

Object.keys()

• 객체의 키들이다~~라는 느낌으로 객체의 키들이 배열로 반환된다.

이채현

객체 생성

일반적으로 생성 할 수 있는 객체

싱글 리터럴 (Literal) 객체

이채현

DOM (문서 객체 모델…Document Object Model)

• HTML ⇒ 문서
• 문서를 조작하는 언어 ⇒ JavaScript
• Document Object Model ← JavaScript가 DOM을 통해 HTML을 조작
• DOM 내부에는 Node: HTML 요소 하나하나 전부를 지칭
  • Node는 Tree형태로 부모노드가 자식노드를, 자식노드가 그 자식노드를…
  • 각 Node에는 수 많은 Properties, Methods…가 존재

결론

이채현

배열 중복값 개수 구하기

reduce()

reduce() 함수는, 배열의 값을 순회하면서 배열의 값을 특정 형태로 누적하는데 사용합니다.

이채현

Promises

async

자바스크립트는 순차적으로 처리되는게 아니라 한꺼번에 실행된다. ⇒ 자바스크립트의 비동기성(async)

이채현

For

forEach

1
2
3
4
5
6
7
8
9

const friends = ["me", "you", "nico"];

const addHeart = (current, index, array ) => ( console.log(current, index, array));

friends.forEach(addHeart);
	// 파라미터 첫번째로 값을 주고 두번째로 인덱스를 주고 세번째로 현재 배열을 준다
	// me 0 ["me", "you", "nico"]
	// you 1 ["me", "you", "nico"]
	// nico 2 ["me", "you", "nico"]

이채현

Rest and Spread

Spread

기본적으로 변수를 가져와 풀어 해쳐 전개해놓는 것.