欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2020年06月19日 10:41:23   作者：石興龍  
這篇文章主要介紹了小程序中的箭頭函數(shù)的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

這個(gè)是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ù)或有多個(gè)參數(shù)，要使用圓括號(hào)

var f = () => 5;
var sum = (num1,num2) => num1+num2;

如果函數(shù)的代碼多于一條，就必須使用大括號(hào)將其括起來(lái)，并使用retun語(yǔ)句

var sum = (num1, num2) => { return num1 + num2; }

如果函數(shù)返回一個(gè)對(duì)象，那么必須用圓括號(hào)將其括起來(lái)

let getTempItem = id => ({ id: id, name: "Temp" });

箭頭函數(shù)可以簡(jiǎn)化回調(diào)函數(shù)

如果在小程序中直接使用箭頭函數(shù)的話會(huì)導(dǎo)致 this 丟失。

代碼如下：

Page({
 onLoad: () > {
  console.log(this) 
  // 此時(shí)的 this 并不指向當(dāng)前 page
 }
})

那么這種情況下，想要實(shí)現(xiàn)很多功能都很不方便了， 比如接受參數(shù)根據(jù)參數(shù)拉去信息等。

我的解決方案很簡(jiǎn)單，使用立即執(zhí)行函數(shù)

代碼如下：

Page({
 onLoad: function() {
  let that = this
  ;(async () => {
   console.log(that) 
   // 使用that，that 的作用域依然是 page 對(duì)象

   // 歡樂(lè)的調(diào)用其他的任何操作，還能享用異步同步寫(xiě)法
   await that.login()
   await that.query()
  })();
 }
})

到此這篇關(guān)于小程序中的箭頭函數(shù)的具體使用的文章就介紹到這了,更多相關(guān)小程序箭頭函數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論