91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

小程序的globalData怎么用

發布時間:2022-04-13 14:45:53 來源:億速云 閱讀:408 作者:iii 欄目:編程語言

本篇內容介紹了“小程序的globalData怎么用”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

小程序中,除了每個頁面有自己的 data,還有個全局數據存儲地方:globalData,獲取方式如下:

let globalData = getApp().globalData

實際業務代碼中總會遇到這種情況:寫著寫著發現需要用全局數據,但是不能直接就在當前函數里直接寫上面的一段代碼,因為要和別的函數共用,所以返回 js 文件頂部添加一段代碼,再返回剛剛斷掉的地方繼續寫,類似這樣:

// 省略12行
let globalData = getApp().globalData
// 省略15行
Page({
 data: { ... }
 //.. 省略863行
 onButtonTap(e) {
  // ...
  let myData = globalData.myData
  // ...
 }
})

經過這么一折騰,可能剛剛的代碼思路都沒了。那能不能直接在想用的函數里直接方便的獲取這個 globalData 呢?比如:

// 省略27行
Page({
 data: { ... }
 //.. 省略863行
 onButtonTap(e) {
  // ...
  let myData = this.globalData.myData
  // ...
 }
})

或者換種方式獲取和設置 myData:

let myData = this.$global('myData')
// ...
this.$global('myData', 2)

實現 global 方法

function global(name, value) {
 var globalData = getApp().globalData
 var data = {}
 // this.$global()
 if (arguments.length === 0) {
  return globalData
 }
 // this.$global('myData')
 if (arguments.length === 1) {
  if (is.string(name)) {
   return globalData[name]
  }
  // this.$global({
  //  name: 1
  // })
  if (is.object(name)) {
   data = name
  }
 }
 // this.$global('myData', 2)
 if (arguments.length === 2) {
  data[name] = value
 }
 return extend(data, data)
}

其中,is.string 和 is.object 是類型判斷函數。簡單實現了多種操作 globalData 的方法,詳細見注釋。

掛載到 this

函數有了,那么怎么掛在到小程序頁面的 this 中呢,看過前幾篇可能知道,要對小程序原有的 Page 函數進行改造。

有兩種方式,一種是直接添加到 config 里:

var originPage = Page
var global = require('../utils/global')

function MyPage(config) {
 // ...
 config.$global = global
 // ...
 originPage(config)
}

function page (config) {
 return new MyPage(config)
}

或者在代理后的 onLoad 函數里定義:

var originPage = Page
var global = require('../utils/global')

function MyPage(config) {
 this.watch = config.watch
 this.lifetimeBackup = {
  onLoad: config.onLoad
 }
 config.onLoad = function(options) {
  this.$global = global
  // 其他代碼
  this.lifetimeBackup.onLoad.call(this, options)
 }
 
 // ...

 originPage(config)
}

“小程序的globalData怎么用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

垦利县| 郓城县| 白城市| 阜南县| 卢湾区| 陆良县| 马尔康县| 饶河县| 永平县| 山阳县| 敦煌市| 邻水| 肥西县| 靖宇县| 满城县| 桃园市| 化州市| 安康市| 杭锦旗| 托克逊县| 大丰市| 嵩明县| 日土县| 光山县| 政和县| 哈尔滨市| 陇川县| 涞源县| 太原市| 佛山市| 武山县| 曲阳县| 田林县| 万山特区| 惠州市| 江门市| 平原县| 通河县| 阳信县| 会东县| 梧州市|