小程序中的箭頭函數(shù)的具體使用

更新時間：2020年06月19日 10:41:23 作者：石興龍

這篇文章主要介紹了小程序中的箭頭函數(shù)的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

這個是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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

layui-table獲得當(dāng)前行的上/下一行數(shù)據(jù)的例子
今天小編就為大家分享一篇layui-table獲得當(dāng)前行的上/下一行數(shù)據(jù)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
jQuery右下角旋轉(zhuǎn)環(huán)狀菜單特效代碼
jquery實現(xiàn)右下角旋轉(zhuǎn)環(huán)形菜單特效代碼，是固定在頁面右下角位置，當(dāng)用戶點擊了主菜單按鈕后，子菜單項會以環(huán)狀旋轉(zhuǎn)進入頁面，并使用animate.css制作動畫效果，有需要的朋友可以參考下
2015-08-08
javascript驗證身份證號
這篇文章主要介紹了javascript驗證身份證號,十分的詳細，需要的朋友可以參考下
2015-03-03
小程序角標(biāo)的添加及綁定購物車數(shù)量進行實時更新的實現(xiàn)代碼
這篇文章主要介紹了小程序角標(biāo)的添加及綁定購物車數(shù)量進行實時更新的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12
JavaScript 編程引入命名空間的方法
JavaScript 編程引入命名空間的方法...
2007-06-06
JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例
這篇文章主要介紹了JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-06-06
使用window.print()前端實現(xiàn)網(wǎng)頁打印超詳細教程(含代碼示例)
前端實現(xiàn)打印功能的方法有很多,大家在網(wǎng)上隨便一搜就是一大堆,下面這篇文章主要給大家介紹了關(guān)于使用window.print()前端實現(xiàn)網(wǎng)頁打印的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-06-06
JS生成登錄驗證碼的實現(xiàn)示例
本文主要介紹了JS生成登錄驗證碼的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-12-12
JavaScript實現(xiàn)多欄目切換效果
在網(wǎng)站開發(fā)中尤其是新聞類網(wǎng)站，經(jīng)常遇到多欄目切換的設(shè)計，這種效果有很多種實現(xiàn)效果，現(xiàn)在記錄一種很簡單的寫法
2016-12-12
js+div+css下拉導(dǎo)航菜單完整代碼分享
本文主要分享了js+div+css下拉導(dǎo)航菜單的完整代碼?？芍苯訌?fù)制保存到HTML文件就可以體驗效果。下面跟著小編一起來看下吧
2016-12-12