微信小程式 this和that詳解及簡單例項

2022-10-07 11:54:11 字數 717 閱讀 2471

微信小程式中,在wx.request({});方法呼叫成功或者失敗之後,有時候會需要獲取頁面初始化資料data的情況,這個時候,如果使用,this.data來獲取,會出現獲取不到的情況,除錯頁面也會報undefiend。原因是,在j**ascript中,this代表著當前物件,會隨著程式的執行過程中的上下文改變,在wx.request({});方法的**函式中,物件已經發生改變,所以已經不是wx.request({});方法物件了,data屬性也不存在了。官方的解決辦法是,複製乙份當前的物件,如下:

var that=this;//把this物件複製到臨時變數that

在success**函式中使用that.data就能獲取到資料了。

不過,還有另外一種方式,也很特別,是將success**函式換一種宣告方式,如下:

www.cppcns.comsuccess: res =>)

}在這種方式下,this可以直接使用,完全可以獲取到data資料。

再給乙個完整的例子:

success: res => )

} else )

subbtn = false;

// 定時,3秒消失

settimeout(() => )

wx.n**igateback();

}, 2000);}}

本文標題: 微信小程式 this和that詳解及簡單例項

本文位址: /ruanjian/j**a/179145.html

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...