WeChat 미니 프로그램에서는 WeChat 공식 개발 문서에서 미니 프로그램의 디렉토리 구조를 알 수 있습니다.
미니 프로그램 페이지는 4개의 파일로 구성됩니다. 미니 프로그램 페이지의 4개 파일은 동일한 경로와 파일 이름을 가지고 있습니다. 이를 통해 미니 프로그램 페이지가 동일한 이름의 js 파일에 해당함을 알 수 있습니다. 페이지로. 그러나 일부 공개 메소드가 있는 경우 이를 독립적인 공개 js 파일로 추출하고 싶습니다. 어떻게 이를 달성할 수 있나요?
루트 디렉터리에 app.js 파일이 있습니다. getApp()을 통해 이 루트 디렉터리에 있는 js 파일을 쉽게 호출할 수 있습니다.
//app.js App({ globaData:'huangenai' })
//test.jsvar app = getApp(); Page({ onLoad: function () {
console.log(app.globaData);
} })
개발자 콘솔에서
을 볼 수 있습니다 tools
그런 다음 몇 가지 일반적인 공용 메서드를 추출할 때 루트 디렉터리에 새 utils 폴더를 만들고 여기에 일반적인 메서드를 작성할 수 있는 새 util.js를 만듭니다.
util.js //正则判断function Regular(str, reg) { if (reg.test(str)) return true; return false; }//是否为中文function IsChinese(str) { var reg = /^[\u0391-\uFFE5]+$/; return Regular(str, reg); } module.exports = { getRequestUrl: "http://localhost:59637",//获得接口地址 IsChinese: IsChinese, }
//test.jsvar util = require('../../utils/util.js'); Page({ onLoad: function () { console.log("判断是否为中文:"+util.IsChinese('测试')); console.log("输出接口url:"+util.getRequestUrl); } })
개발자 콘솔에서
를 볼 수 있습니다 tools
util.js의 Regular() 메소드에서는 module.exports를 사용하여 모듈 인터페이스를 노출하지 않기 때문에 util.Regular()를 이와 같이 호출할 수 없습니다.
직접 호출하면 이와 같은 오류가 발생합니다
thirdScriptError
util.Regular는 함수가 아닙니다. "pages/test/test" 페이지 lifeCycleMethod onLoad 함수
TypeError: util.Regular는 함수가 아닙니다
더 많은 WeChat 애플릿을 보려면 PHP 중국어 웹사이트에서 다른 js의 메서드를 인용하는 관련 기사를 주목하세요!