Analyse du contenu du constructeur de page de l'applet WeChat et de la fonction de cycle de vie (avec code)

Le contenu de cet article concerne l'analyse du contenu du constructeur de page de l'applet WeChat et de la fonction de cycle de vie (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. . a aidé.

1. Lier les méthodes publiques à la page

Liaison unique

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

Liaison multiple, liaison de fichier Définir

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

2. Développez et modifiez la fonction de cycle de vie

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 Si vous souhaitez en savoir plus sur les connaissances de js à ce sujet de manière plus systématique, vous pouvez cliquer sur. ici

3. Utiliser

Lorsque je l'écris moi-même, j'encapsule le contenu personnalisé dans un fichier js séparément, puis je référence ce fichier dans app.js

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

})

Recommandations associées :

Cycle de vie et transfert de paramètres du mini programme WeChat

Page du mini programme WeChat() Détaillé explication des fonctions

Série de développement d'applets WeChat (4) Explication détaillée du cycle de vie de la page

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!