如何返回函數變量的值

Question

我正在完成一個旋轉木馬，我想分離代碼。 我需要返回一個函數變量的值，我不明白。 當我在 'return' 中放入一個值時，它會返回，但變量的值不會。 我只會發布代碼的更重要部分並嘗試解釋

這是第一個功能，它改變圖像。 我調用的函數是返回數組中按鈕的位置。 該數組是“按鈕”變量。

const buttons = document.querySelectorAll('.carousel-button');
function moveSlider() {
  buttons.forEach(element => {
    element.addEventListener('click', (event) => {
        var buttonId;
        var carouselId;
        var btnPosition

        var id = event.target.id;
        buttonPosition(id)
        console.log(buttonPosition())
...

我在那里調用的函數

function buttonPosition(id){
  var position;
  for($i = 0; $i < buttons.length; $i++){
      if(id == buttons[$i].id){
          position = $i;
      }
  }

  return position;
}

為什么變量值返回“未定義”？

Answer 1

您首先使用參數“id”調用該方法。 但是當您使用 console.log 時再次調用該方法但沒有參數。 您應該將函數的返回值存儲在變量中，然后使用或例如輸出變量。

var yourReturnValue = buttonPosition(id)
console.log(yourReturnValue)