공개 js를 참조하여 WeChat 애플릿에서 메소드를 공유하는 방법

黄舟
풀어 주다: 2018-05-17 17:03:28
원래의
6012명이 탐색했습니다.

이 글은 주로 공개 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);
 } 
})
로그인 후 복사

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

그런 다음 몇 가지 일반적인 공용 메서드를 추출하면 util 내부의 루트 디렉터리에 utils 폴더 가 있습니다(그렇지 않은 경우 새 폴더를 만듭니다). .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() 메서드에서는 module.exports를 사용하지 않기 때문에 이와 같이 util.Regular()를 호출할 수 없습니다. . 노출된 모듈 인터페이스

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

thirdScriptError
util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
TypeError: util.Regular is not a function
로그인 후 복사

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

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