1. 程式人生 > 程式設計 >小程式中的箭頭函式的具體使用

小程式中的箭頭函式的具體使用

這個是ES6的箭頭函式,res =>可以理解為function(res)

箭頭函式的最大好處就是省略了var that=this 從而將this改為靜態。

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
 }
})

那麼這種情況下,想要實現很多功能都很不方便了, 比如接受引數根據引數拉去資訊等。

我的解決方案很簡單,使用立即執行函式

程式碼如下:

Page({
 onLoad: function() {
  let that = this
  ;(async () => {
   console.log(that) 
   // 使用that,that 的作用域依然是 page 物件

   // 歡樂的呼叫其他的任何操作,還能享用非同步同步寫法
   await that.login()
   await that.query()
  })();
 }
})

到此這篇關於小程式中的箭頭函式的具體使用的文章就介紹到這了,更多相關小程式箭頭函式內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!