HTML中组件被卸载后还可以调用到JS方法

Question

微信小程序开发


同一页面有两个组件，两个组件有一个相同的方法。
组件使用behavior吧整个Component对象引入page.js
当页面调用组件的log时，会调用到两个组件的方法


求诸君解惑：为什么WXML都卸载了组件B但是可以调用B的方法？

<view>
  <componentA wx:if={{show}} />
  <componentB wx:if={{!show}} />
</view>

// componentA.js
Componen({
  log() {
    console.log('A');
  }
})

// componentB.js
Componen({
  log() {
    console.log('B');
  }
})

// page.js
page({
  behaviors: [behavior],

  data: {
    show: true
  },
  ...
  componentsArray: [componentA, componentB],
  ...

  this.componentsArray.forEach(item => {
    item.log();
  })
  // A
  // B
})

Answer 1

以下答案引用自GPT-3大模型,请合理使用：
componentA和componentB的log方法都会执行。WXML卸载了componentA，但是可以调用componentA的log方法。因为Page.js中已经将componentA的behaviors集合引入了，所以会调用到componentA的log方法。