WeChat Mini 프로그램 튜토리얼 모듈화

파일 범위
JavaScript 파일에 선언된 변수와 함수는 해당 파일에서만 유효합니다. 동일한 이름을 가진 변수와 함수는 서로 영향을 주지 않고 다른 파일에 선언될 수 있습니다.
전역 함수 getApp()를 통해 전역 애플리케이션 인스턴스를 얻을 수 있습니다. 전역 데이터가 필요한 경우 다음과 같이 App()에서 설정할 수 있습니다.

// app.js  
App({  
 globalData: 1  
})

// a.js  
// The localValue can only be used in file a.js.  
var localValue = 'a'  
// Get the app instance.  
var app = getApp()  
// Get the global data and change it.  
app.globalData++

// b.js  
// You can redefine localValue in file b.js, without interference with the localValue in a.js.  
var localValue = 'b'  
// If a.js it run before b.js, now the globalData shoule be 2.  
console.log(getApp().globalData)

모듈화
일부 공통 코드를 별도의 js 파일에 모듈로 추출합니다. 모듈은 module.exports를 통해서만 인터페이스를 외부 세계에 노출할 수 있습니다.

// common.js  
function sayHello(name) {  
 console.log('Hello ' + name + '!')  
}  
module.exports = {  
 sayHello: sayHello  
}

이러한 모듈을 사용해야 하는 파일에서 require(path)를 사용하여 공개 코드를 도입하세요.

var common = require('common.js')  
Page({  
 helloMINA: function() {  
 common.sayHello('MINA')  
 }  
})

위는 WeChat 미니 프로그램 튜토리얼의 모듈 콘텐츠입니다. 더 많은 관련 콘텐츠를 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!