효과적인 JavaScript 모듈로드를 위해 JS가 필요합니다
- Christopher Nolan원래의
- 2025-02-24 10:27:24524검색
키 포인트
- 또는 함수로 래핑됩니다. 함수는 즉시 실행되는 함수에 사용되며
- 함수는 여러 위치에서 사용할 수있는 모듈을 정의하는 데 사용됩니다.
- JavaScript 파일을로드
require()큰 응용 프로그램에는 일반적으로 많은 JavaScript 파일이 필요합니다. 일반적으로 define()를 사용합니다여기서, 초기화는 require()를로드하기 전에 수행됩니다. 아래와 같이 오류가 발생합니다. 이 예제에는 3 개의 JavaScript 파일 만 있으면됩니다. 더 큰 프로젝트에서는 상황이 쉽게 통제 할 수 없습니다. 여기에서 요구 사항이 시작됩니다.define() - 요구 사항 소개
모든 JavaScript 파일 (요구 사항 파일 포함)은 폴더에 있습니다.
<code class="language-html"></code>
속성은 응용 프로그램의 초기화 지점을 정의합니다. 이 경우 data-main입니다. 요구 사항은 를 사용하여 다른 스크립트와 종속성을 찾습니다. 이 경우 모든 파일은 동일한 폴더에 있습니다. 로직을 사용하면 원하는 폴더로 파일을 이동할 수 있습니다. 이제 main.js를 살펴 보겠습니다. main.js
main.js
requirejs에서 모든 코드는
<code class="language-javascript">require(["purchase"],function(purchase){
purchase.purchaseProduct();
});</code>에 따라 다릅니다. 파일 확장자는 생략되었습니다. 요구 사항은 파일 만 고려하기 때문입니다. require()
define() requirejs 로 응용 프로그램을 만듭니다
이 섹션에서는 이전 섹션에서 논의 된 순수한 JavaScript 예제를 요구 사항으로 변환합니다. 우리는 purchase.js를 다루었으므로 다른 문서에 대해 논의하겠습니다. purchaseProduct()
.js
우선, 구매 함수는 및 에 의존한다고 선언합니다. require() 함수를 불렀습니다. 는 아래와 같이
<code class="language-javascript">require(["a","b","c"],function(a,b,c){
});</code>
대신 main.js가 사용된다는 것입니다.
<code class="language-javascript">define(["credits","products"], function(credits,products) {
console.log("Function : purchaseProduct");
return {
purchaseProduct: function() {
var credit = credits.getCredits();
if(credit > 0){
products.reserveProduct();
return true;
}
return false;
}
}
});</code>
종속성 파일 관리 시퀀스
는 모든 종속성을로드 할 것으로 간주합니다. 그러나
코드 품질을 향상시키는 방법은 무엇입니까?
requirejs와 commonjs의 차이점은 무엇입니까?
requirejs에서 모듈을로드하는 방법은 무엇입니까?
다른 JavaScript 라이브러리와 함께 requirejs를 사용할 수 있습니까?
오류를 처리하는 방법은 무엇입니까?
credits와 함께 사용하십시오
products 함수를 실행해야합니다. 따라서 return를 사용하십시오. getCredits()
reserveProduct() 요구 사항이 왜 그렇게 중요한지 product.js credits.jscredits.js 
<code class="language-html"></code>
결론 config()
shim
<code class="language-javascript">require(["purchase"],function(purchase){
purchase.purchaseProduct();
});</code> JavaScript에서 요구 사항의 주요 사용은 무엇입니까? requirejs에서는
위 내용은 효과적인 JavaScript 모듈로드를 위해 JS가 필요합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!