字節(jié)跳動(dòng)小程序開發(fā)框架 組件行為 behaviors

定義和使用 behaviors

behaviors 是用于組件間代碼共享的特性，類似于一些編程語言中的 mixins

每個(gè) behavior 可以包含一組屬性、數(shù)據(jù)、生命周期函數(shù)和方法，組件引用它時(shí)，它的屬性、數(shù)據(jù)和方法會(huì)被合并到組件中，生命周期函數(shù)也會(huì)在對(duì)應(yīng)時(shí)機(jī)被調(diào)用。每個(gè)組件可以引用多個(gè) behavior 。 behavior 也可以引用其他 behavior 。

behavior 需要使用 Behavior() 構(gòu)造器定義。

代碼示例

module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})

組件引用時(shí)，在 behaviors 定義段中將它們逐個(gè)列出即可。

代碼示例

var myBehavior = require('my-behavior')
Component({
  behaviors: [myBehavior],
  properties: {
    myProperty: {
      type: String
    }
  },
  data: {
    myData: {}
  },
  attached: function(){},
  methods: {
    myMethod: function(){}
  }
})

在上例中， my-component 組件定義中加入了 my-behavior ，而 my-behavior 中包含有 myBehaviorProperty 屬性、 myBehaviorData 數(shù)據(jù)字段、 myBehaviorMethod 方法和一個(gè) attached 生命周期函數(shù)。這將使得 my-component 中最終包含 myBehaviorProperty 、 myProperty 兩個(gè)屬性， myBehaviorData 、 myData 兩個(gè)數(shù)據(jù)字段，和 myBehaviorMethod 、 myMethod 兩個(gè)方法。當(dāng)組件觸發(fā) attached 生命周期時(shí)，會(huì)依次觸發(fā) my-behavior 中的 attached 生命周期函數(shù)和 my-component中的 attached 生命周期函數(shù)。

字段的覆蓋和組合規(guī)則

組件和它引用的 behavior 中可以包含同名的字段，對(duì)這些字段的處理方法如下：

• 如果有同名的屬性或方法，組件本身的屬性或方法會(huì)覆蓋 behavior 中的屬性或方法，如果引用了多個(gè) behavior ，在定義段中靠后 behavior 中的屬性或方法會(huì)覆蓋靠前的屬性或方法；
• 如果有同名的數(shù)據(jù)字段，如果數(shù)據(jù)是對(duì)象類型，會(huì)進(jìn)行對(duì)象合并，如果是非對(duì)象類型則會(huì)進(jìn)行相互覆蓋；
• 生命周期函數(shù)不會(huì)相互覆蓋，而是在對(duì)應(yīng)觸發(fā)時(shí)機(jī)被逐個(gè)調(diào)用。如果同一個(gè) behavior 被一個(gè)組件多次引用，它定義的生命周期函數(shù)只會(huì)被執(zhí)行一次。