> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿은 다른 js의 메소드를 참조합니다.

WeChat 애플릿은 다른 js의 메소드를 참조합니다.

高洛峰
풀어 주다: 2017-02-10 10:59:00
원래의
3397명이 탐색했습니다.

WeChat 미니 프로그램에서는 WeChat 공식 개발 문서에서 미니 프로그램의 디렉토리 구조를 알 수 있습니다.

미니 프로그램 페이지는 4개의 파일로 구성됩니다. 미니 프로그램 페이지의 4개 파일은 동일한 경로와 파일 이름을 가지고 있습니다. 이를 통해 미니 프로그램 페이지가 동일한 이름의 js 파일에 해당함을 알 수 있습니다. 페이지로. 그러나 일부 공개 메소드가 있는 경우 이를 독립적인 공개 js 파일로 추출하고 싶습니다. 어떻게 이를 달성할 수 있나요?

微信小程序   引用其他js里的方法

루트 디렉터리에 app.js 파일이 있습니다. getApp()을 통해 이 루트 디렉터리에 있는 js 파일을 쉽게 호출할 수 있습니다.

//app.js
App({
   globaData:'huangenai'
 })
로그인 후 복사

//test.jsvar app = getApp();
Page({
 onLoad: function () {
로그인 후 복사
 console.log(app.globaData);
로그인 후 복사
 } 
})
로그인 후 복사

개발자 콘솔에서

微信小程序   引用其他js里的方法을 볼 수 있습니다 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);
    }
})
로그인 후 복사

개발자 콘솔에서

微信小程序   引用其他js里的方法를 볼 수 있습니다 tools

util.js의 Regular() 메소드에서는 module.exports를 사용하여 모듈 인터페이스를 노출하지 않기 때문에 util.Regular()를 이와 같이 호출할 수 없습니다.

직접 호출하면 이와 같은 오류가 발생합니다

thirdScriptError
util.Regular는 함수가 아닙니다. "pages/test/test" 페이지 lifeCycleMethod onLoad 함수
TypeError: util.Regular는 함수가 아닙니다

더 많은 WeChat 애플릿을 보려면 PHP 중국어 웹사이트에서 다른 js의 메서드를 인용하는 관련 기사를 주목하세요!

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