ES5 vs ES6

oYJo·2025년 3월 21일

JavaScript

목록 보기
20/52

ES5 vs ES6

1. let, const 키워드 추가

2. arrow function

3. default parameter 추가

ES5

var person = function(name) {
  var name = name || "이름"
  return name
}

ES6

let person = function(name="이름") {
  return name
}

4. template literal 추가

5. multi-line string

6. 클래스(객체지향프로그래밍)

✔️객체
여러 속성을 하나 변수에 저장할 수 있는 데이터 타입
• 객채는 중괄호 표기로 이용
• key : value
• 객체 변수를 복사하면 참조 되는 것이지 객체가 복제되는 것은 아니다

✔️자바스크립트 객체 구성
1) 자바스크립트 내장 객체
2) 브라우저 내장 객체
3) 사용자 정의 객체

✔️객체(Object) vs 프로퍼티(Property)
프로퍼티 = name/key : value 연결
객체 = 프로퍼티의 모음

var newSong = {singer : "ladygaga"};

object = newSong
property = {singer:"ladygaga"}

✔️패키지 vs 클래스 vs 메소드
1) 메소드 : 클래스의 기능
ex) 자바의 main() : 실행 메소드
자바의 print() : 출력 메소드

2) 클래스 : 변수, 메소드들을 모아 이름 붙인 것
ex) 반

3) 패키지 : 클래스들을 묶은 것
ex) 학교

반이름은 겹칠 수 있기에 더 큰 범위, 패키지로 구분하다
= java에서 제공하는 클래스가 매우 많기 때문에 관리하기 어렵다 → 더 큰 개념, 패키지로 관리한다

✔️다른 클래스에 있는 메소드 호출 방법
1) 객체 먼저 생성한다
new 연산자를 통해 만든다
2) 만든 변수.실행메소드() 를 적는다

Notice notice = new Notice();
	notice.excute();
String menu = Main.scanner.nextLine();

7. 모듈(재사용하기 위한 코드 조각)

8. 디스트럭처링 할당

profile
Hello! My Name is oYJo

0개의 댓글