WeChat 애플릿 페이지 생성자 및 라이프사이클 기능의 콘텐츠 분석(코드 포함)

이 글의 내용은 WeChat 애플릿 페이지 생성자 및 라이프 사이클 기능(코드 포함)에 대한 내용입니다. 필요한 친구들이 참고할 수 있기를 바랍니다. 당신을 도와줍니다.

1. 공개 메서드를 페이지에 바인딩

단일 바인딩

const oldPage = Page
Page = function(app) {
  // 注意公共函数的名字不要重复，否则覆盖
  app.util = function() {}
  
  return oldPage(app)
}

다중 바인딩, 파일 바인딩

const util = require('./util.js');  // 需要绑定的函数由util文件exports出来
const oldPage = Page
Page = function(app) {
  let newPage = Object.assign({}, util, app)
  
  return oldPage(newPage)
}

2. 확장, 수명주기 기능 수정

const oldPage = Page
Page = function(app) {
  app.onLoad = function(options) { // 这里必须使用function, 不可以使用箭头函数， 否则this指向错误
      console.log("扩展onLoad");
  
      // onLoad函数在是当前page实例上下文中执行，所以当前的this为当前page实例
      // 如果不使用call来硬绑定，而是直接app.onLoad()，那么onLoad里的this将为app这个对象
      // 即我们正常在page.js里Page(app) 括号里面我们自己写的page对象
      if(typeof app.onLoad === 'function') {
          app.onLoad.call(this, options); 
      }
  }
  
  return oldPage(app)
}

ps에 대한 지식을 얻으려면 다음을 수행하세요. 여기를 클릭하세요

3.

을 사용합니다. 제가 직접 작성할 때는 커스텀 콘텐츠를 js 파일로 캡슐화한 후 이 파일을 참조합니다. in app.js

require('./init.js'); //引用即可
App({
  onLaunch: function (options) {
  }

})

관련 권장사항:

WeChat 애플릿의 수명 주기 및 매개변수 전달#🎜🎜 #
#🎜 🎜#

WeChat 미니 프로그램 페이지() 기능 상세 설명

WeChat 미니 프로그램 개발 시리즈 (4) 페이지

위 내용은 WeChat 애플릿 페이지 생성자 및 라이프사이클 기능의 콘텐츠 분석(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!