Как передавать только один из параметров в запросе?

Question

[kot98]

Есть метод для обновления номера телефона пользователя. Чтобы его обновить нужно пройти несколько шагов (1-ый отправить старый номер, второй - ввести код подтверждения и тп)

changePhone = async (phone: string | null = null, newPhone: string | null = null, code: string | null = null) => {
    return await this.axiosCall({
      method: 'post',
      url: '/change/phone',
      data: {
        phone,
        newPhone,
        code,
      },
    })
  }

а уже в самом компоненте страницы, вызывая данный метод, чтобы передать данные для первого шага:

...
changePhone(userForm.value.currentPhoneNumber, null, null)
...

но после этого в запросе все равно передаются 2 и 3-ий параметр. как можно реализовать передачу, только одного необходимого параметра?

Comments

[WbICHA]

Они у тебя нулл, в чём проблема?

[Рус Лан]

Как вариант, можно сделать аргументы не обязательными ?phone ?newPhone , в первом шаге проверку на то, чтобы они были точно.

[Aetae]

но после этого в запросе все равно передаются 2 и 3-ий параметр. как можно реализовать передачу, только одного необходимого параметра?

Не передавать 2 лишних параметра?

[kot98]

Aetae, то есть для каждого шага делать свой метод, где передавать только нужный параметр?

[kot98]

WbICHA, на каждом шаге отправляются все три параметра, а нужен один

[WbICHA]

kot98, оставь в функции один аргумент: объект, который может иметь только один из ключей.

[Aetae]

kot98,
В лоб:

changePhone = async (phone: string | null = null, newPhone: string | null = null, code: string | null = null) => {
  const data: {
      phone?: string,
      newPhone?: string,
      code?: string,
  } = {};
    
  if (phone !== null)
    data.phone = phone;
  if (newPhone !== null)
    data.newPhone = newPhone;
  if (code !== null)
    data.code = code;
    
  return await this.axiosCall({
    method: 'post',
    url: '/change/phone',
    data,
  })
}

По нормальному:

changePhone = async (data: {
      phone?: string,
      newPhone?: string,
      code?: string,
}) => {
  return await this.axiosCall({
    method: 'post',
    url: '/change/phone',
    data,
  })
}

[kot98]

Aetae, спасибо!!!

[Aetae]

kot98, берёшь и передаёшь, блджад.

Если не хочешь писать лишний null - используешь второй вариант, где передаёшь объект только с нужными ключами: changePhone({ newPhone: '123' }).

Если ты хочешь что-то типа changePhone(newPhone:='123') как в некоторых языках, то в js(и, соответственно, ts) такого нет и, скорее всего, не будет.