什么是behaviors？下面本篇文章帶大家了解一下小程序中自定義組件的 behaviors，介紹一下創(chuàng)建behaviors，并導入與使用的方法，希望對大家有所幫助！

什么是 behaviors

behaviors 是小程序中用于實現(xiàn)組件代碼共享的特性，作用類似 Vue.js 中的 mixins。比如在多個組件中，有一部分代碼是完全一樣的，我們沒有必要每個組件寫一遍，為了方便，我們可以把這部分代碼封裝出來，放在 behaviors 中進行共享，誰用到這部分代碼，直接引用就可以生效

behaviors 的工作方式

• 在小程序中，每個 behaviors 都可以包含一組屬性、數(shù)據(jù)、生命周期和方法。組件引用它時，它的屬性、數(shù)據(jù)和方法會被合并到組件中。
• 每個組件中可以引用多個 behaviors ，每個 behaviors 之間也可以相互引用

behaviors 的創(chuàng)建

調用 behaviors(Object Object) 方法就可以創(chuàng)建一個共享的 behaviors 實例對象，供所有的組件使用

//使用 module.exports 將 behavior 實例對象共享出去 module.exports = Behavior({          //私有數(shù)據(jù)節(jié)點     data: { },          //屬性節(jié)點     properties: { },          //事件處理     methods: {  } })

behaviors 的導入與使用

在組件中，使用 require() 方法導入需要的 behaviors，掛載后即可訪問 behaviors 中的數(shù)據(jù)或方法

//1.使用 `require()` 導入需要的自定義 behaviors 模塊 const myBehaviors = require("../../behaviors/behaviors")  Component({    //2. 將導入的 behaviors 實例對象，掛載到 behaviors數(shù)組的節(jié)點中便可以使用   behaviors: [myBehaviors],      properties: {     //...   }      //其他代碼... })

behaviors 中所有可用的節(jié)點

比較常用的有 properties、data、methods、behaviors

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

組件和它引用的 behaviors 中可以包含同名的字段，此時可以參考以下三種同名的處理規(guī)則

• 同名的數(shù)據(jù)字段 （data）

  • 若同名的數(shù)據(jù)字段都是對象類型，會進行對象合并
  • 其余情況會進行數(shù)據(jù)覆蓋，覆蓋規(guī)則： 組件 > 父 behaviors > 子 behaviors 、靠后的 behaviors > 靠前的 behaviors（優(yōu)先級高的覆蓋優(yōu)先級低的，最大的優(yōu)先級最高）

• 同名的屬性(properties)或方法(methods)

  • 若組件本身有這個屬性或方法，則組件的屬性或方法會覆蓋 behaviors 中的同名屬性或方法
  • 若組件本身無這個屬性或方法，則在組件的 behaviors 字段中定義靠后的 behaviors 的屬性或方法會覆蓋靠前的同名屬性或方法
  • 在上一條基礎上，若存在嵌套引用 behaviors 的情況，規(guī)則是：父 behaviors 覆蓋 子 behaviors中同名的屬性或方法

• 同名的生命周期函數(shù)

  • 對于不同生命周期函數(shù)之間，遵循組件生命周期函數(shù)的順序
  • 對于同種生命周期函數(shù)，遵循如下規(guī)則
    • behaviors 優(yōu)先于組件執(zhí)行
    • 子 behaviors 優(yōu)先于父 behaviors執(zhí)行
    • 靠前的 behaviors 優(yōu)先于靠后的 behaviors 執(zhí)行
  • 如果同一個 behaviors 被一個組件多次引用，它會定義生命周期函數(shù)只會被執(zhí)行一次

【相關學習推薦：小程序開發(fā)教程】