SeaJS에서 use 기능을 사용하는 방법

define과 같은 모듈 정의 사양을 구현하면 많은 모듈을 개발할 수 있습니다. 하지만 모듈을 여러 개 가지고 있는 것만으로는 작동하지 않으며, 모듈을 실행시켜야 합니다. SeaJS에서는 모듈 시스템을 쉽게 시작할 수 있습니다.

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use는 페이지에 모듈을 로드하는 데 사용됩니다. use 메소드를 통해 모든 모듈을 페이지에 로드할 수 있습니다.

구문: ​​seajs.use seajs.use(id, callback?)

// 加载模块 main，并在加载完成时，执行指定回调
seajs.use('./main', function(main) {
main.init();
});

use 메소드는 한 번에 여러 모듈을 로드할 수도 있습니다.

// 并发加载模块 a 和模块 b，并在都加载完成时，执行指定回调
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

callback 매개변수는 선택사항입니다. 하나의 모듈만 로드되고 콜백이 필요하지 않은 경우 data-main 속성을 사용하여 단순화할 수 있습니다.

<script src="path/to/sea.js" data-main="./main"></script>

위 코드는 다음과 동일합니다.

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS는 구성 파일을 로드하기 위해 data-config도 제공합니다.

<script src="path/to/sea.js" data-config="path/to/config"></script>

data- 구성 동일:

seajs.config({
preload: ['path/to/config']
});

경로 확인 규칙은 seajs.use와 일치합니다.

여기서 사용하는 것은:

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

참고: main은 모듈 이름입니다. main.method는 모듈에 의해 정의된 함수이며 매개변수가 전달될 수 있습니다.

관련 권장 사항:

seajs에서 일반적으로 사용되는 여러 기능 및 구성

위 내용은 SeaJS에서 use 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!