如何用普通 function 替換此箭頭 function？ [等候接聽]

Question

我想用普通方法替換下面的configuration.required.signin.forEach(field => arrow function 這是我的代碼

  configuration.required.signin.forEach(field => {
    const fieldName = field.name;
    const fieldValue = $.trim(field.value);
    const fieldElement = $('#' + fieldName);
    const fieldLabel = fieldElement
      .closest('li')
      .find('label')
    if (
      (fieldValue === '' || (fieldName === 'username' && fieldValue === 'Your email address'))
      && $('#' + field.id).is(':visible')
    ) {
      fieldElement.addClass('ui-red-border');
      fieldLabel.addClass('ui-red-text');
      canSubmit = false;
    } else {
      fieldElement.removeClass('ui-red-border');
      fieldLabel.removeClass('ui-red-text');
      $('#' + fieldName + 'Field').removeClass('registerFieldError');
      if (configuration.required.signin[i].onchange) {
        configuration.required.signin[i].onchange();
      }
    }
  });
  return canSubmit;
}

Answer 1

我相信這就是你想要的：

configuration.required.signin.forEach(function signInConfig( field ) {
    const fieldName = field.name;
    const fieldValue = $.trim(field.value);
    const fieldElement = $('#' + fieldName);
    const fieldLabel = fieldElement
      .closest('li')
      .find('label')
    if (
      (fieldValue === '' || (fieldName === 'username' && fieldValue === 'Your email address'))
      && $('#' + field.id).is(':visible')
    ) {
      fieldElement.addClass('ui-red-border');
      fieldLabel.addClass('ui-red-text');
      canSubmit = false;
    } else {
      fieldElement.removeClass('ui-red-border');
      fieldLabel.removeClass('ui-red-text');
      $('#' + fieldName + 'Field').removeClass('registerFieldError');
      if (configuration.required.signin[i].onchange) {
        configuration.required.signin[i].onchange();
      }
    }

    return canSubmit;
});

我將箭頭 function (field) => {}替換為名為 function experession function signInConfig .forEach() function signInConfig(field) {}內的回調。

檢查 MDN 文檔forEach並查看他們如何使用沒有箭頭 function 的回調。