小程序中的箭頭函數(shù)的具體使用
這個是ES6的箭頭函數(shù),res =>可以理解為function(res)
箭頭函數(shù)的最大好處就是省略了var that=this 從而將this改為靜態(tài)。
var 函數(shù)名 = 參數(shù)名 => 返回值;
var f = v => v; //等同于 var f = function(v){ return v; };
如果不需要參數(shù)或有多個參數(shù),要使用圓括號
var f = () => 5; var sum = (num1,num2) => num1+num2;
如果函數(shù)的代碼多于一條,就必須使用大括號將其括起來,并使用retun語句
var sum = (num1, num2) => { return num1 + num2; }
如果函數(shù)返回一個對象,那么必須用圓括號將其括起來
let getTempItem = id => ({ id: id, name: "Temp" });
箭頭函數(shù)可以簡化回調(diào)函數(shù)
如果在小程序中直接使用箭頭函數(shù)的話會導(dǎo)致 this 丟失。
代碼如下:
Page({ onLoad: () > { console.log(this) // 此時的 this 并不指向當(dāng)前 page } })
那么這種情況下,想要實現(xiàn)很多功能都很不方便了, 比如接受參數(shù)根據(jù)參數(shù)拉去信息等。
我的解決方案很簡單,使用立即執(zhí)行函數(shù)
代碼如下:
Page({ onLoad: function() { let that = this ;(async () => { console.log(that) // 使用that,that 的作用域依然是 page 對象 // 歡樂的調(diào)用其他的任何操作,還能享用異步同步寫法 await that.login() await that.query() })(); } })
到此這篇關(guān)于小程序中的箭頭函數(shù)的具體使用的文章就介紹到這了,更多相關(guān)小程序箭頭函數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- ECMAScript6的新特性箭頭函數(shù)(Arrow Function)詳細介紹
- 深入理解JavaScript中的箭頭函數(shù)
- 深入理解React中何時使用箭頭函數(shù)
- ES6中箭頭函數(shù)的定義與調(diào)用方式詳解
- 解析vue data不可以使用箭頭函數(shù)問題
- 深入理解Javascript箭頭函數(shù)中的this
- javascript ES6中箭頭函數(shù)注意細節(jié)小結(jié)
- ES6中的箭頭函數(shù)實例詳解
- 深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù)
- JavaScript箭頭函數(shù)中的this詳解
- 淺談箭頭函數(shù)寫法在ReactJs中的使用
- JavaScript ES6箭頭函數(shù)使用指南
相關(guān)文章
Javascript連接Access數(shù)據(jù)庫完整實例
這篇文章主要介紹了Javascript連接Access數(shù)據(jù)庫的方法,涉及javascript針對access數(shù)據(jù)庫的連接、關(guān)閉及增刪改查等常用操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08webpack如何自動生成網(wǎng)站圖標(biāo)詳解
這篇文章主要給大家介紹了關(guān)于webpack如何自動生成網(wǎng)站圖標(biāo)的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-01-01微信小程序使用webview打開pdf文檔以及顯示網(wǎng)頁內(nèi)容的方法步驟
在線查看PDF文件,已經(jīng)是很常見的需求了,下面這篇文章主要給大家介紹了關(guān)于微信小程序使用webview打開pdf文檔以及顯示網(wǎng)頁內(nèi)容的方法步驟,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-07-07JavaScript實現(xiàn)元素滾動條到達一定位置循環(huán)追加內(nèi)容
下面小編就為大家分享一篇JavaScript實現(xiàn)元素滾動條到達一定位置循環(huán)追加內(nèi)容,具有很好的參考價值,希望對大家有所幫助2017-12-12JavaScript判斷兩個對象是否相等的方法總結(jié)
判斷兩個對象是否相等是js中的一個很常見的內(nèi)容,不同的編程語言和環(huán)境可能會有不同的方式來實現(xiàn)這一目標(biāo),在 JavaScript 中,判斷兩個對象是否相等主要有以下幾種方法,感興趣的小伙伴跟著小編一起來看看吧2024-08-08JavaScript設(shè)計模式之職責(zé)鏈模式詳解
職責(zé)鏈模式的定義是:使多個對象都有機會處理請求,從而避免請求的發(fā)送者和接收者之間的耦合關(guān)系,將這些對象連成一條鏈,并沿著這條鏈傳遞該請求,直到有一個對象處理它為止2022-08-08