TIL. 25 JavaScript - ECMA Script - ES6

rious275·2021년 6월 15일
0

JavaScript

목록 보기
9/20

🎈 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)
    결과값 : '###'

0개의 댓글