小程序中的箭頭函數的具體使用
更新時間：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
}
})
那么這種情況下，想要實現很多功能都很不方便了， 比如接受參數根據參數拉去信息等。
我的解決方案很簡單，使用立即執(zhí)行函數
代碼如下：
Page({
onLoad: function() {
let that = this
;(async () => {
console.log(that)
// 使用that，that 的作用域依然是 page 對象
// 歡樂的調用其他的任何操作，還能享用異步同步寫法
await that.login()
await that.query()
})();
}
})
到此這篇關于小程序中的箭頭函數的具體使用的文章就介紹到這了,更多相關小程序箭頭函數內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
今天小編就為大家分享一篇layui-table獲得當前行的上/下一行數據的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
jquery實現右下角旋轉環(huán)形菜單特效代碼，是固定在頁面右下角位置，當用戶點擊了主菜單按鈕后，子菜單項會以環(huán)狀旋轉進入頁面，并使用animate.css制作動畫效果，有需要的朋友可以參考下2015-08-08
這篇文章主要介紹了javascript驗證身份證號,十分的詳細，需要的朋友可以參考下2015-03-03
這篇文章主要介紹了小程序角標的添加及綁定購物車數量進行實時更新的實現代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
JavaScript 編程引入命名空間的方法...2007-06-06
這篇文章主要介紹了JavaScript 處理樹數據結構的方法示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
使用window.print()前端實現網頁打印超詳細教程(含代碼示例)
前端實現打印功能的方法有很多,大家在網上隨便一搜就是一大堆,下面這篇文章主要給大家介紹了關于使用window.print()前端實現網頁打印的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-06-06
本文主要介紹了JS生成登錄驗證碼的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-12-12
在網站開發(fā)中尤其是新聞類網站，經常遇到多欄目切換的設計，這種效果有很多種實現效果，現在記錄一種很簡單的寫法2016-12-12
本文主要分享了js+div+css下拉導航菜單的完整代碼?？芍苯訌椭票４娴紿TML文件就可以體驗效果。下面跟著小編一起來看下吧2016-12-12