보스와 같은 JavaScript : 유창한 API 이해

키 테이크 아웃

javaScript의 유창한 API를 사용하면 각 함수에서 '이 객체'를 반환하여 달성 된 기능 호출의 체인을 활성화하여보다 읽기 쉽고 이해할 수있는 코드가 가능합니다. 이로 인해 코드는 특히 복잡한 함수 호출 시퀀스를 처리 할 때 더 직관적이고 디버깅하기가 더 쉽습니다. 다른 브라우저 (Chrome, Firefox, IE)에서의 성능 테스트는 유창한 API를 사용하는 것이 성능에 크게 영향을 미치지 않는다는 것을 보여주었습니다. 경우에 따라 유창한 API는 일반 API보다 훨씬 빠르며 성능 손실에 대한 우려없이 사용할 수 있음을 나타냅니다. 유창한 API는 JavaScript에 적용 할 수있을뿐만 아니라 JavaScript 라이브러리 또는 프레임 워크와 함께 사용할 수 있습니다. JQuery와 같은 많은 인기있는 라이브러리와 프레임 워크는 이미 유창한 API를 사용하여 방법을보다 읽기 쉽고 표현력을 발휘할 수 있습니다. 그러나 유창한 API 패턴으로 프로젝트의 요구와 팀의 친숙 함을 고려하여 신중하게 사용해야합니다.

이 기사는 Microsoft의 Web Dev Tech 시리즈의 일부입니다. Sitepoint를 가능하게하는 파트너를 지원해 주셔서 감사합니다.

babylon.js v2.0 (웹에서 3D를 구축하기위한 라이브러리)을 설계하는 동안 최근에 더 많은 API가 유창하기를 바란다는 것을 알았습니다. 즉, 커뮤니티가 더 쉽게 읽고 이해하고 구축 할 수 있기를 바랍니다. 기술 문서에서 시간을 덜 보내면서 작업. 이 튜토리얼에서는 유창한 API를 살펴 보겠습니다. 고려해야 할 사항, 작성 방법 및 브라우저 크로스 브라우저 성능의 영향.
• API를 유창하게 만드는 이유는 무엇입니까? 이 Wikipedia 기사에서 언급 한 유창한 API는보다 읽기 쉬운 코드를 제공하는 것을 목표로하는 객체 지향 API의 구현입니다. 예를 들어 jQuery는 유창한 API가 할 수있는 일의 훌륭한 예입니다.
유창한 API를 사용하면이 개체를 반환하여 기능 호출을 체인 할 수 있습니다. 이 키워드가 JavaScript에서 어떻게 작동하는지 알지 못하면이 위대한 기사를 읽는 것이 좋습니다.
• 우리는 다음과 같은 유창한 API를 쉽게 만들 수 있습니다
보시다시피, 트릭은 체인이 계속되도록이 개체 (이 경우 현재 인스턴스에 대한 참조)를 반환하는 것입니다. 그런 다음 chain을 할 수 있습니다
• babylon.js와 똑같이하기 전에, 나는 이것이 일부 성능 문제가 발생하지 않을 것이라고 확신하고 싶었습니다.
. 그래서 나는 벤치 마크를했다!

Foo와 Foo2도 똑같은 일을 할 수 있듯이 . 유일한 차이점은 foo는 묶을 수 있지만 foo2는 할 수 없다는 것입니다.

분명히 통화 체인은 다음 사이에 다릅니다 및 :

이 코드가 주어지면 Chrome, Firefox 및 IE에서 실행하여 성능에 대해 걱정 해야하는지 확인했습니다. 그리고 여기에 내가 얻은 결과는 다음과 같습니다

크롬에서 일반 API는 유창한 API보다 6% 느립니다. Firefox에서는 두 API가 거의 같은 속도로 실행 중입니다 (유창한 API는 1% 더 느립니다)

즉, 두 API가 거의 같은 속도로 실행 중입니다 (유창한 API는 2% 느린다)

• 나는 함수 (math.cos)에 작업을 추가하여 함수에 의해 수행 된 일종의 처리를 시뮬레이션했습니다. 모든 것을 제거하고 반환 문을 유지하면 모든 브라우저에는 차이가 없습니다 (실제로 10,000,000 번의 시도에 대해 1 ~ 2 밀리 초만). 브라우저에서 직접 테스트 할 수 있습니다. 또한 장치가 편리하지 않으면 Modern.ie에 무료 도구가 많이 있습니다. 실제 장치에 대해 가상 머신을 테스트하지 마십시오.
그래서 내 결론은 다음과 같습니다 유창한 API는 훌륭하고 읽기 쉬운 코드를 생성하며 문제 나 성능 손실없이 사용할 수 있습니다! . javaScript 로 더 많은 실습 는 당신을 놀라게 할지도 모르지만 Microsoft는 많은 오픈 소스 JavaScript 주제에 대한 무료 학습을 가지고 있으며 Project Spartan이 다가 오면서 더 많은 것을 만들어내는 임무를 수행하고 있습니다. 나만의 것을 확인하십시오 :
• webgl 3d 및 html5 및 babylon.js asp.net 및 angularjs 로 단일 페이지 응용 프로그램 구축 html
• 의 최첨단 그래픽
또는 우리 팀의 학습 시리즈 :

실용적인 성능 팁 HTML/JavaScript를 더 빨리 만들기위한 실용적인 성능 팁 (반응 형 디자인에서 캐주얼 게임, 성능 최적화에 이르기까지 7 부 시리즈) 최신 웹 플랫폼 JumpStart (HTML, CSS 및 JS의 기본 사항) HTML 및 JavaScript JumpStart로 Universal Windows 앱 개발

Mac, Linux 또는 Windows를위한 Visual Studio Community, Azure Trial 및 Cross-Browser 테스트 도구 등 일부 무료 도구 및 일부 무료 도구. 이 기사는 Microsoft의 Web Dev Tech 시리즈의 일부입니다. 프로젝트 스파르타와 새로운 렌더링 엔진을 여러분과 공유하게되어 기쁩니다. Modern.ie의 Mac, iOS, Android 또는 Windows 장치에서 무료 가상 머신을 받거나 원격으로 테스트하십시오. JavaScript의 유창한 API에 대한 자주 묻는 질문

JavaScript의 유창한 API 란 무엇입니까?

JavaScript의 유창한 API는 코드를보다 읽기 쉽고 이해하기 쉽게 만들기 위해 코드를 구성하는 방법입니다. 여기에는 문장이나 일련의 지시와 같은 방식으로 연쇄 방법이 함께 포함됩니다. 이는 각 메소드가 객체를 반환하도록하여 달성되며, 이전 메소드의 결과에서 다른 메소드를 즉시 호출 할 수 있습니다. 유창한 API는 특히 복잡한 기능 호출 시퀀스를 처리 할 때 코드를 더 깨끗하고 직관적으로 만들 수 있습니다. javaScript에서 유창한 API를 만드는 방법

JavaScript에서 유창한 API를 만드는 것은 자신이 속한 객체를 반환하는 방법을 설계해야합니다. 이를 통해 방법을 함께 체인 할 수 있습니다. 예를 들어, '스타트 엔진',‘가속’및‘정지’방법이있는 객체‘자동차’를 고려하십시오. 이러한 각 방법 각각이 'this'(자동차 개체)를 반환하면 : Car.startEngine (). Accelerate (). stop (). APIS?

유창한 API는 코드를보다 읽기 쉽고 유지 관리하기 쉽게 만들 수 있습니다. 메소드를 함께 연결하면 문장처럼 읽는 방식으로 복잡한 작업을 표현할 수 있습니다. 이를 통해 코드를보다 쉽게 ​​이해하고 디버그 할 수 있습니다. 유창한 API는 또한 코드를보다 표현력 있고 유연하게 만들 수 있으므로보다 강력한 추상화를 만들 수 있습니다.

유창한 API를 사용하는 데 필요한 단점이 있습니까?

유창한 API는 코드를 더 읽기 쉽게 만들 수 있습니다. 또한 제대로 사용하지 않으면 디버깅하기가 더 어려워 질 수 있습니다. 메소드 호출이 함께 묶여 있기 때문에 한 메소드의 문제는 체인의 모든 후속 방법에 영향을 줄 수 있습니다. 또한 유창한 API는 패턴에 익숙하지 않은 사람들에게는 덜 직관적 일 수 있습니다.

비동기 코드와 함께 유창한 API를 사용할 수 있습니까?

예, 비동기 코드와 함께 유창한 API를 사용할 수 있습니다. 그러나 조금 더 복잡 할 수 있습니다. 체인의 각 방법이 약속을 반환하여‘.then ()’를 함께 체인 메소드에 함께 사용할 수 있도록해야합니다. 또는 Async/Await Syntax를 사용하여 동기식으로 보이는 비동기 코드를 작성하여 유창한 API를 읽고 이해하기 쉽게 할 수 있습니다.

유창한 API는 JavaScript의 다른 디자인 패턴과 어떻게 비교됩니까?

. 유창한 API는 가독성과 표현력에 중점을 둔 설계 패턴입니다. 빌더 패턴과 같은 다른 디자인 패턴과 비교할 수 있으며, 이는 코드를보다 읽기 쉽고 쉽게 작업 할 수 있도록하는 것을 목표로합니다. 그러나 빌더 패턴은 복잡한 객체를 단계별로 구성하는 데 중점을 두지 만, 유창한 API는 더 읽기 쉬운 작업 흐름을 위해 메소드 통화를 체인 할 수 있도록하는 데 중점을 둡니다.

유창한 API는 JavaScript 라이브러리 및 프레임 워크와 함께 사용할 수 있습니까? >

예, 유창한 API는 모든 JavaScript 라이브러리 또는 프레임 워크와 함께 사용할 수 있습니다. jQuery 및 Lodash와 같은 많은 인기있는 라이브러리와 프레임 워크는 이미 유창한 API를 사용하여 방법을 더 읽기 쉽고 표현력있게 만들 수 있습니다.

유창한 API를 어떻게 디버깅 할 수 있습니까?

유창한 API를 디버깅 할 수 있습니다. 방법 호출이 함께 묶여 있기 때문에 까다 롭습니다. 그러나 메소드 내에서 Console.log 문을 사용하여 출력을 기록 할 수 있습니다. 또한 JavaScript 디버거를 사용하면 코드를 통해 체인의 각 단계에서 객체 상태를 볼 수 있습니다. 유창한 API가 성능을 향상시킬 수 있습니까?

유창한 API는 주로 성능이 아닌 코드 가독성 및 유지 관리 가능성 향상에 관한 것입니다. 그러나 코드를보다 쉽게 ​​읽고 이해할 수있게함으로써 유창한 API는 성능 문제를 더 쉽게 발견하고 수정하는 데 도움이 될 수 있습니다.

유창한 API는 모든 프로젝트에 적합합니까?

유창한 API가 할 수 있습니다. 가독성과 유지 가능성이 우선 순위 인 프로젝트에 적합하십시오. 그러나 모든 프로젝트에 가장 적합하지는 않습니다. 팀이 유창한 API 패턴에 익숙하지 않은 경우 익숙해지는 데 시간이 걸릴 수 있습니다. 또한 유창한 API를 사용하면 제대로 사용하지 않으면 디버깅을 더욱 어렵게 만들 수 있습니다. 모든 디자인 패턴과 마찬가지로 유창한 API를 사용하기로 결정하기 전에 프로젝트 및 팀의 요구를 고려하는 것이 중요합니다.

위 내용은 보스와 같은 JavaScript : 유창한 API 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!