본문 바로가기
개발/javascript

ES5, ES6이란?

by 방구쟁이 2021. 8. 20.
728x90

ECMAScript 줄여서 ES

ES(ECMAScript)란?

 JavaScript가 표준화된 규격, 즉 ECMAScript를 줄여 ES라고 하고 5, 6은 버전을 의미한다.

 

ES가 생긴 배경

 Javascript는 넷스케이프 커뮤니케이션즈에서 개발이 되고, MS에서도 JScript를 개발하여 두 언어가 호환되지 않는 경우(크로스 브라우징 이슈)를 해결하기 위해 표준화하였다.

 

ES5와 ES6 버전의 차이점 요약

 ES5과 다르게 ES6에서 가능한 것들

  • 템플릿 리터럴 : console.log(`${변수명} 하세요.`)
  • 화살표 함수 : var str = func => ({id : "1"});
  • this : 자신을 둘러싸고 있는 것을 바라봐 bind가 필요없다.
  • var, const, let : const와 let 추가
  • 모듈 : import와 export default 가능
  • 클래스 : class 선언가능
  • 추가된 매서드들 : startsWith 등 ..

 

Javascript 언어로 개발할 때 주의사항

 필자는 오래된 단말(기기)에서 Javascript를 사용할 당시 startsWith에서 에러가 나는 것을 보고 ES를 다시 한번 공부하는 계기가 되었다. 

 코드가 돌아가는 환경에 맞추어 표준 규격을 생각해가며 사용 가능한 메서드들인지 그렇지 못하다면 대체하기 위해 어떤 메서드들과 로직을 사용할 것인지 생각해보자.

 


오늘 도움을 주신 분

참고자료 : https://doozi0316.tistory.com/entry/JavaScript-ECMAScript%EB%9E%80-ES5%EC%99%80-ES6%EC%9D%98-%EC%B0%A8%EC%9D%B4var-const-let-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98-class

참고자료2 : https://hbsowo58.tistory.com/407

감사합니다.

728x90

'개발 > javascript' 카테고리의 다른 글

if문 제거하기  (0) 2022.11.14
addEventListener() 사용 방법  (0) 2021.11.01
stopPropagation 간단정리?  (0) 2021.08.05
[javascript] Promise란?  (0) 2021.07.12
[javascript] 비동기란?  (0) 2021.07.08

댓글