小程序中的箭頭函數的具體使用
更新時間：2020年06月19日 10:41:23 作者：石興龍
這篇文章主要介紹了小程序中的箭頭函數的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
這個是ES6的箭頭函數，res =>可以理解為function(res)
箭頭函數的最大好處就是省略了var that=this 從而將this改為靜態(tài)。
var 函數名 = 參數名 => 返回值;
var f = v => v;
//等同于
var f = function(v){
return v;
};
如果不需要參數或有多個參數，要使用圓括號
var f = () => 5; var sum = (num1,num2) => num1+num2;
如果函數的代碼多于一條，就必須使用大括號將其括起來，并使用retun語句
var sum = (num1, num2) => { return num1 + num2; }
如果函數返回一個對象，那么必須用圓括號將其括起來
let getTempItem = id => ({ id: id, name: "Temp" });
箭頭函數可以簡化回調函數
如果在小程序中直接使用箭頭函數的話會導致 this 丟失。
代碼如下：
Page({
onLoad: () > {
console.log(this)
// 此時的 this 并不指向當前 page
}
})
那么這種情況下，想要實現(xiàn)很多功能都很不方便了， 比如接受參數根據參數拉去信息等。
我的解決方案很簡單，使用立即執(zhí)行函數
代碼如下：
Page({
onLoad: function() {
let that = this
;(async () => {
console.log(that)
// 使用that，that 的作用域依然是 page 對象
// 歡樂的調用其他的任何操作，還能享用異步同步寫法
await that.login()
await that.query()
})();
}
})
到此這篇關于小程序中的箭頭函數的具體使用的文章就介紹到這了,更多相關小程序箭頭函數內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了Javascript連接Access數據庫的方法,涉及javascript針對access數據庫的連接、關閉及增刪改查等常用操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要給大家介紹了關于webpack如何自動生成網站圖標的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-01-01
微信小程序使用webview打開pdf文檔以及顯示網頁內容的方法步驟
在線查看PDF文件,已經是很常見的需求了,下面這篇文章主要給大家介紹了關于微信小程序使用webview打開pdf文檔以及顯示網頁內容的方法步驟,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-07-07
下面就舉例講一下這兩種類型在JavaScript中的體現(xiàn)、用法及注意事項。2010-12-12
JavaScript實現(xiàn)元素滾動條到達一定位置循環(huán)追加內容
下面小編就為大家分享一篇JavaScript實現(xiàn)元素滾動條到達一定位置循環(huán)追加內容，具有很好的參考價值，希望對大家有所幫助2017-12-12
判斷兩個對象是否相等是js中的一個很常見的內容,不同的編程語言和環(huán)境可能會有不同的方式來實現(xiàn)這一目標,在 JavaScript 中,判斷兩個對象是否相等主要有以下幾種方法,感興趣的小伙伴跟著小編一起來看看吧2024-08-08
職責鏈模式的定義是：使多個對象都有機會處理請求，從而避免請求的發(fā)送者和接收者之間的耦合關系，將這些對象連成一條鏈，并沿著這條鏈傳遞該請求，直到有一個對象處理它為止2022-08-08
微信小程序是一種不需要下載安裝即可使用的應用,它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用,下面這篇文章主要給大家介紹了關于如何通過一文讀懂微信小程序頁面導航的相關資料,需要的朋友可以參考下2022-11-11
一般在JS頁面延遲執(zhí)行一些方法，本文整理了一些，大家可以嘗試操作下2013-11-11
這篇文章主要為大家詳細介紹了js+canvas實現(xiàn)簡單掃雷小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02