TIL. 25 JavaScript - ECMA Script - ES6

🎈 ECMA Script

• ECMA Script JavaScript를 이루는 코어 스크립트 언어로써, JavaScript를 표준화하기 위해 만들어졌다.

• 현재 ES10 버전까지 나왔지만 주로 쓰이는 것은 ES6이다. 편리함 함수들과 생소한 문법들도 많이 생겨 따로 공부가 필요하다.

🎈 arrow function

• ES6에서는 function이라는 키워드가 빠지고 소괄호만 활용, => 기호가 추가되었다.

  ES5
  function() {}

  ES6
  () => {}

  ES5
  function var() {}

  ES6
  const var = () => {}

  // 함수를 호출할 때는 var()으로, 전과 같다.

• 인자가 하나일 때는 소괄호 생략이 가능하다.(두 개 이상일 때는 생략할 수 없다.)

  const var = name => {}
  const var = (name, age) => {}

• 만약 함수에 실행내용이 딱히 없이 return만 한다면 키워드와 중괄호 생략이 가능하다.

  const hi = name => { return name+1 }
  const hi = name => name+1

🎈 template literals, string method

• 기존에 string을 작성할 때 따옴표를 사용했지만, 이제는 back tick(백틱)으로도 사용 가능하다.

• 기존에는 변수가 들어가면 '+'로 연산 활용을 해야했지만, 이제는 ${}를 활용하여 변수를 사용할 수 있다.

  const hi = '안녕하세요. 저는 $(name) 입니다.'

• 백틱을 활용하면 줄바꿈도 string을 입력한대로 가능하다.

• 문자열에서 특정 string을 찾기 위해 indexOf를 사용했었지만, 새로운 method가 생겼다.

  • var.startsWith() 지정한 문자열로 시작하는지 확인해 boolean값으로 출력한다.
  • var.endWith() 지정한 문자열로 끝나는지 확인한다.
  • var.includes() 지정한 문자열이 포함되어 있는지 확인한다.

• 특정 문자열을 반복하고 싶으면 repeat 함수를 사용한다.

  '#'.repeat(3)
  결과값 : '###'