微信小程序錯(cuò)誤this.setData報(bào)錯(cuò)及解決過(guò)程
更新時(shí)間：2019年09月18日 16:57:08 作者：岌岌可危
這篇文章主要介紹了微信小程序錯(cuò)誤this.setData報(bào)錯(cuò)及解決過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
先說(shuō)原因：
function聲明的函數(shù)和箭頭函數(shù)的作用域不同，這是一個(gè)不小心坑的地方?？蓞⒖技^函數(shù)說(shuō)明：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
所以對(duì)于這個(gè)結(jié)果，還是換回es5的function函數(shù)去寫(xiě)最好了。
箭頭函數(shù)和function的區(qū)別：
- 箭頭函數(shù)體內(nèi)的this對(duì)象，就是定義時(shí)所在的對(duì)象，而不是使用時(shí)所在的對(duì)象
- 箭頭函數(shù)不可以當(dāng)作構(gòu)造函數(shù)，也就是說(shuō)，不可以使用new命令，否則會(huì)拋出一個(gè)錯(cuò)誤
- 箭頭函數(shù)不可以使用arguments對(duì)象，該對(duì)象在函數(shù)體內(nèi)不存在。如果要用，可以用Rest參數(shù)代替，不可以使用yield命令，因此箭頭函數(shù)不能用作Generator函數(shù)。
這么寫(xiě)會(huì)報(bào)錯(cuò)
thirdScriptError this.setData is not a function;at pages/index/index onLoad function;at api getSystemInfo success callback function TypeError: this.setData is not a function
onLoad: function () {
wx.getSystemInfo({
success: function (res) {
this.setData({
lang: res.language
})
console.log(res.language)
}
})
這么改一下就不報(bào)錯(cuò)了。
onLoad: function() {
wx.getSystemInfo({
success: (res) = >{
this.setData({箭頭函數(shù)的this始終指向函數(shù)定義時(shí)的this lang: res.language
}) console.log(res.language)
}
})
或者這樣：
onLoad: function () {
var that=this;
wx.getSystemInfo({
success: function (res) {
that.setData({
lang: res.language
})
console.log(res.language)
}
})
可以用如下示例說(shuō)明：
'use strict';
var obj = {
i: 10,
b: () => console.log(this.i, this),
c: function() {
console.log(this.i, this);
}
}
obj.b(); // prints undefined, Window {...} (or the global object)
obj.c(); // prints 10, Object {...}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
如何利用JavaScript獲取字符串中重復(fù)次數(shù)最多的字符
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript獲取字符串中重復(fù)次數(shù)最多的字符的相關(guān)資料,文中介紹了兩種解決方案,分別是使用對(duì)象以及數(shù)組&指針來(lái)實(shí)現(xiàn),需要的朋友可以參考下2021-07-07
微信小程序 自定義復(fù)選框?qū)崿F(xiàn)代碼實(shí)例
這篇文章主要介紹了微信小程序 自定義復(fù)選框?qū)崿F(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
這是我總結(jié)多年的一個(gè)小文檔，最近看見(jiàn)有人咨詢?yōu)g覽器兼容的問(wèn)題，就貢獻(xiàn)出來(lái)。2010-05-05
JavaScript數(shù)據(jù)類型及相互間的轉(zhuǎn)換規(guī)則
這篇文章主要介紹了JavaScript數(shù)據(jù)類型及相互間的轉(zhuǎn)換規(guī)則，文章通過(guò)圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
JavaScript 高仿真可控彈簧振子實(shí)現(xiàn)代碼
我剛學(xué)JavaScript ，看見(jiàn)一些牛人寫(xiě)了許多特效，我也花了一天寫(xiě)了一個(gè)彈簧振子，完全獨(dú)創(chuàng)，沒(méi)有借鑒任何人的代碼.2009-10-10
本篇文章主要介紹了js循環(huán)改變div顏色具體方法，需要的朋友可以參考一下2013-06-06
js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
需要獲得圖片的寬度和高度，有些js或者jquery代碼在還沒(méi)有加載完圖片時(shí)就執(zhí)行了，這個(gè)問(wèn)題該怎么解決呢？接下來(lái)分別介紹下js與jquery提供的方法2013-03-03
事件就是用戶或?yàn)g覽器自身執(zhí)行的某種動(dòng)作。比如說(shuō)click,mouseover，都是事件的名字。而相應(yīng)某個(gè)事件的函數(shù)就叫事件處理程序（或事件偵聽(tīng)器）。為事件指定處理程序的方式有好幾種2012-06-06
用js+iframe形成頁(yè)面的一種遮罩效果的具體實(shí)現(xiàn)
用js形成頁(yè)面的一種遮罩效果，選擇想要進(jìn)行遮罩的窗口，在這里想要遮罩的是一個(gè)iframe窗口，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參參考下2013-12-12
Node.js中AES加密和其它語(yǔ)言不一致問(wèn)題解決辦法
這篇文章主要介紹了Node.js中AES加密和其它語(yǔ)言不一致問(wèn)題解決辦法,例如和C#、JAVA語(yǔ)言相互通信時(shí),需要的朋友可以參考下2014-03-03