공개 js의 WeChat 애플릿 참조 방법

이 글은 주로 공개 js를 참조하는 WeChat 애플릿의 메소드의 자세한 예에 대한 관련 정보를 소개합니다. 구현 방법이 여기에 제공되어 도움이 필요한 모든 사람이 참고할 수 있기를 바랍니다.

WeChat 애플릿은 공개를 의미합니다. js의 메소드 예제에 대한 자세한 설명

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

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

//app.js

App({
  globaData:'huangenai'
 })

//test.js
var app = getApp();
Page({
 onLoad: function () {
 console.log(app.globaData);
 } 
})

개발자 도구의 콘솔에서 볼 수 있습니다

그런 다음 몇 가지 일반적인 공용 메서드를 추출하면 루트 디렉터리에 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);
}
//去左右空格;
function trim(s){
  return s.replace(/(^\s*)|(\s*$)/g, "");
}

//最下面一定要加上你自定义的方法（作用：将模块接口暴露出来），否则会报错：util.trim is not a function;
module.exports = {
IsChinese: IsChinese,
trim: trim
}

//test.js

var util = require('../../utils/util.js');
Page({
  onLoad: function () {
  console.log("判断是否为中文:"+util.IsChinese('测试'));
  console.log("去除左右空格：" + util.trim(s));
  }
})

개발자 도구의 콘솔에서 볼 수 있습니다

util.js의 Regular() 메서드에서는 다음과 같이 util.Regular()를 호출할 수 없습니다. this , 모듈 인터페이스를 노출하기 위해 module.exports를 사용하지 않았기 때문입니다

직접 호출하면 이런 오류가 발생합니다

thirdScriptError
util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
TypeError: util.Regular is not a function

위 내용이 이 글의 전체 내용입니다. 모두의 학습에 도움이 되는 더 많은 관련 콘텐츠 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

탭 효과를 달성하기 위한 WeChat 개발용 JS

위 내용은 공개 js의 WeChat 애플릿 참조 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!