10 Lodash 기능 ES6으로 교체 할 수 있습니다

Lodash는 현재 NPM 패키지에서 가장 종속 라이브러리이지만 ES6을 사용하는 경우 실제로는 필요하지 않을 수 있습니다. 이 기사는 기본 수집 방법, 화살표 기능 및 기타 새로운 ES6 기능을 결합하여 많은 일반적인 시나리오의 코드를 단순화하는 방법을 살펴 봅니다.

코어 포인트

Lodash는 현재 NPM 패키지에서 가장 의존하는 라이브러리이지만 경우에 따라 ES6을 사용하면 이에 대한 필요성을 제거 할 수 있습니다. 기본 세트 메소드, 화살표 기능, 해체 구문 및 REST 및 SPREAD 연산자와 같은 ES6 기능은 , , , & 휴식과 퍼짐.

es6은 또한 화살표 함수, 휴식 매개 변수 및 스프레드 연산자를 사용하여 lodash 's
• , , 연산자, 경로, , ,
• , map 및 체인 함수를 대체 할 수 있습니다. 스타일 호출. filter Lodash는 여전히 매우 귀중한 라이브러리이지만, ES6 (Evolutionary 버전의 JavaScript)은 Lodash와 같은 유틸리티 모듈에서 이전에 처리 한 문제를 해결하는 새로운 방법을 제공합니다. reduce head tail
• 맵, 필터, 감소 curry partial pick 이러한 수집 방법은 데이터 변환을 산들 바람으로 만들고 거의 보편적으로 지원됩니다. Arrow 함수와 함께 사용하여 Lodash가 제공 한 구현을 대체하기 위해 간결한 코드를 작성할 수 있습니다. constant 이것은 전부가 아닙니다. 현대식 브라우저를 사용하는 경우 , identity, noop를 사용할 수도 있습니다.
머리와 꼬리

1. 해체 구문은 실제 기능이 필요하지 않고 목록의 머리와 꼬리를 얻을 수 있습니다. 당신은 또한 초기 요소와 마지막 요소를 비슷하게 얻을 수 있습니다 :

   가 데이터 구조를 수정할 것이라고 생각하면 스프레드 연산자를 사용하여 :
를 호출하기 전에 배열을 복제 할 수 있습니다.

휴식을 취하고 퍼짐

// Lodash
_.map([1, 2, 3], function(n) { return n * 3; });
// [3, 6, 9]
_.reduce([1, 2, 3], function(total, n) { return total + n; }, 0);
// 6
_.filter([1, 2, 3], function(n) { return n % 2; });
// [1, 3]

// ES6
[1, 2, 3].map(n => n * 3);
[1, 2, 3].reduce((total, n) => total + n, 0);
[1, 2, 3].filter(n => n % 2);

find some every REST 및 SPREAD 기능을 사용하면 변수 수의 매개 변수를 수용하는 기능을 정의하고 호출 할 수 있습니다. ES6은이 두 작업에 대한 특별 구문을 소개합니다. reduceRight

<<> 카레

2. <-le> TypeScript 또는 Flow와 같은 높은 수준의 언어가 없으면 기능에 대한 유형 서명을 제공 할 수 없으므로 카레를 상당히 어렵게 만듭니다. 카레 기능을 받으면 몇 개의 매개 변수가 제공되었으며 다음에 제공 해야하는 매개 변수를 알기가 어렵습니다. 화살표 함수를 사용하여 카레 기능을 명시 적으로 정의하여 다른 프로그래머의 이해하기 쉽게 할 수 있습니다.

<🎜 🎜> <<> 부분

// Lodash
_.head([1, 2, 3]);
// 1
_.tail([1, 2, 3]);
// [2, 3]

// ES6
const [head, ...tail] = [1, 2, 3];

카레를 좋아하면 화살표 기능을 사용하여 일부 애플리케이션을 간단하고 명확하게 만들 수 있습니다.

6. 연산자

경로

7. Lodash의 많은 함수는 경로를 문자열 또는 어레이로 사용합니다. 화살표 기능을 사용하여 더 재사용 가능한 경로를 만들 수 있습니다.

   pick

유틸리티를 사용하면 대상 객체에서 원하는 속성을 선택할 수 있습니다. 해체 및 약어 객체 리터럴을 사용하여 동일한 결과를 얻을 수 있습니다.

8. 상수, 정체성, noop
   체인 및 흐름

Lodash는 체인 진술을 작성하는 데 도움이되는 몇 가지 기능을 제공합니다. 대부분의 경우 내장 수집 메소드는 직접 연결 될 수있는 배열 인스턴스를 반환하지만 일부 메소드가 컬렉션을 수정하는 경우에는 불가능합니다. 그러나 화살표 함수 배열과 동일한 변환을 정의 할 수 있습니다. 결론 pick

lodash는 여전히 훌륭한 도서관이며,이 기사는 진화 된 JavaScript 버전이 과거의 유틸리티 모듈에 대한 몇 가지 문제를 해결할 수있는 방법에 대한 새로운 관점 일뿐입니다. 그것을 무시하지 마십시오. 대신, 다음에 추상화가 필요할 때 간단한 기능을 교체 할 수 있는지 고려하십시오!

9. (FAQS 부분은 코드 의사 원리와 관련이없고 더 길기 때문에 생략됩니다)

위 내용은 10 Lodash 기능 ES6으로 교체 할 수 있습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!