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

黄舟
풀어 주다: 2018-05-17 15:06:30
원래의
2093명이 탐색했습니다.

파일 범위
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)를 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿