es6 예제

이 프로젝트는 ECMAScript 6의 모든 기능의 예를 보여줍니다. 예제는 http://es6-features.org 사이트의 예제를 기반으로 했습니다. 뿐만 아니라 루프의 다음 예에서. 위의 예에서 값 20은 매개변수 `a`에 할당되고 `b`는 값을 갖지 않습니다. 그래서 우리는 어떤 출력을 받고 있지 않습니다. 위의 예제 변수 `a`는 If 문 내부에 정의되어 있으므로 함수 외부에서 액세스 할 수 없습니다. 자바 스크립트는 명령적 스타일에서 선언적 스타일에 이르기까지 모든 스타일로 코드를 자유롭게 작성할 수 있는 언어입니다. 대부분의 프로그래머는 OOP 배경에서 온 것, 좋아하거나 다른 스타일에 익숙하지 않기 때문에 필수적입니다. FP인 선언적 스타일에 대해 자세히 설명하기 전에 예제를 보면서 두 가지 차이점을 이해해 보겠습니다(이미 차이점을 알고 있다면 몇 단락을 건너뛸 수 있습니다) 위의 예제는 자명한 설명입니다. 에 대 한. of 루프는 배열의 키-값 쌍을 출력합니다. 위의 예에서는 하나의 매개 변수만 전달합니다. 함수는 기본 매개 변수를 사용하고 함수를 실행합니다.

GatoSnake/es6-예제에서 새로운 릴리스에 대한 알림을 원하십니까? 아래에서 학습 ES6 블로그 시리즈를 기반으로 하는 ES6의 다양한 기능에 대한 코드 예제를 찾을 수 있습니다. 브라우저에서 기본적으로 ES6을 실행하려는 예제와 Babel 또는 Traceur를 사용하여 ES5로 변환된 ES6 코드를 실행하는 예제가 있습니다. 자세한 내용은 지금 ES6 사용을 참조하십시오. @eerk 예제는 강조줄에 의해 준비된 getter/setter 메서드의 동일한 이름으로 실제 속성의 이름을 지정하는 것이 좋습니다. 위의 예에서 map.keys()는 맵의 키를 반환하지만 이터레이터 오브젝트에서 반환합니다. 그것은 그것이 있는 대로 표시될 수 없다는 것을 의미합니다. 반복에 의해서만 표시되어야 합니다. 위의 예제에서 spread 특성은 요소 목록(즉, 매개 변수를 배열로 변환합니다)을 변환합니다. 이제 스프레드 특성과 동일한 예제를 고려 위의 예 : 첫 번째 실행을 줄일 때 acc는 0 값을 지정한 다음 acc+= 항목 즉 acc = acc = acc+항목으로 계산하여 0+1 즉, 1을 계산합니다. 이 1은 다음 반복에 대한 acc 값이 되며 모든 배열 항목으로 완료될 때까지 계속됩니다. 두 가지 예제에서 잘못된 변수를 참조한다고 생각합니다. 다음은 ES5에서 비동기 함수를 작성하는 방법의 예입니다.

위의 예에서 크기는 설명이 됩니다. 주어진 요소가 집합에 있는지 여부에 따라 부울 값을 반환하는 또 다른 메서드 `has`가 있습니다. 이 주셔서 감사합니다. 나는 또한 es6에서 휴식 및 확산을 사용하기위한 몇 가지 유용한 예를 함께 넣었습니다. 임의 함수 호출로 인해 예제의 출력이 실행마다 다를 수 있습니다. 위의 예는 간단합니다. 배열을 매개 변수로 받아들이는 함수를 선언하고 합계를 반환합니다. 그것의 간단한. 함수 예제의 경우 잘못, newOne 및 oldOne 좋은 깨끗 한 예제를 표시 하려고 하는 경우 소문자를 시작 해야 합니다. 좋은 게시물과 좋은 예, 감사합니다! 나는 왜 그렇게 많은 예제가 const를 통해 하자를 사용하는지 이해하지 못하지만. 나는 당신이 할 수있는 곳마다 콘스트를 사용하는 것이 좋습니다 생각합니다. 그 반대를 고려해야 할 이유가 있습니까? 이런 식으로 생각해 보십시오.

const 변수를 정의할 때마다 Javascript는 값의 주소를 변수에 참조합니다. 이 예제에서는 변수 `LANGUAGES`가 실제로 배열에 할당된 메모리를 참조합니다. 따라서 나중에 다른 메모리 위치를 참조하도록 변수를 변경할 수 없습니다.