Почему ошибка Ожидалось аргументов: 3, получено: 1.?

Question

[ABCquestion]

как поправить?

const data = {
      method: 'GET',
      url: '/code',
      params: { phone },
    };

test( { method = 'GET', url = '', headers, body, params }){
  const req = {
      method,
      url,
      data: body,
      params,
      headers
    };
}
const res =  test(data);

Comments

[Aetae]

Чё это за шляпа и на каком она языке?

[ABCquestion]

Aetae, на typescript

[Aetae]

ABCquestion, не похоже. Просто рандомный набор букв. Начни с базового синтаксиса если не видишь разницы.

[ABCquestion]

Aetae, ну тогда js это был в файле .ts, а почему вы считаете так не правильно передавать аргументы объектом?
а в параметрах функции указал значения по умолчанию

[ABCquestion]

eRKa, а как написать верно?

[eRKa]

Тут все в ошибках, не понятно что Вы хотите, в каком контексте это все?

[ABCquestion]

eRKa, вот ,как передать параметры сюда RequestService.request()

class RequestService  {
  async request({ method = 'GET', url = '', headers, body, params }) {
    const req = {
      method,
      url,
      data: body,
      params,
      headers
    };

[eRKa]

ABCquestion, должен быть экземпляр RequestService, например
const requestService = new RequestService()
потом на экземпляре вызвать метод с параметрами

const data = {
      method: 'GET',
      url: '/code',
      params: { phone },
    };
await requestService.request(data)

[ABCquestion]

eRKa, а как параметры по умолчанию указать в правильно в методе?
и все рано ошибка Ожидалось аргументов: 3, получено: 1.
Не указан аргумент для "body".

[eRKa]

Если в самом методе, то наверное, так

test(params: { method, url, headers, body, params } = { method: 'GET', url: '', headers: null, body: null, params: null }) {
 ...
}

Но не думаю, что в реальной жизни кто-то будет так делать

[ABCquestion]

eRKa, вот так вызывается ,что тут не так?

async sendCode({ phone }) {
    const data = {
      method: 'GET',
      url: '/code',
      params: { phone },
    };
    const res = await RequestService.request(data);
    if (res.success) return true;
    return res.message;
  }


может тут можно прописать параметры по умолчанию и передавать 1 аргумент?

    const req = {
      method,
      url,
      data: body,
      params,
      headers
    };
вот так не хочет тоже
 const res = await RequestService.request(...data);
Аргумент расширения должен иметь тип кортежа либо передаваться в параметр rest.

[ABCquestion]

eRKa , может как-то так можно

class RequestService  {
  async request(data) {
    const req = {
      method: data.method || 'GET',
      url:data.url || " ",
      data:data.body?,
      params:data.params,
      headers:data.headers?
    };

[eRKa]

ABCquestion, Дружище, поинтересуйся хотя бы синтаксисом языка, прежде чем писать что-то. Ты пишешь набор символов.

const req = {
method,
url,
data: body,
params,
headers
};

Так можно писать только если перед этим у тебя уже определены переменные

const method = 'GET';
const url = '/';
...

Если сразу объект определить, то это делается по другому

const data = {
      method: 'GET',
      url: '/code',
      params: { phone },
    };

const res = await RequestService.request(...data);

Так и не будет работать. Во первых не получишь доступ к методу request (получишь доступ только если он будет static, но в твоем примере он обычный). Во вторых request принимает объект, а вот этим ...data ты объект разворачиваешь.

может как-то так можно

Так можно, только без '?'.
Изучи, что означает '?' в TS. в сигнатуре метода это означает необязательность параметра. При инициализации объекта наличие этого символа вызовет ошибку компиляции.

[ABCquestion]

eRKa, но вот так это работало

actions: {
    async sendCode(cnx, { phone }) {
      // console.log(phone);
      // phone = "[phone]"; // пока для теста

      const data = {
        method: 'GET',
        url: '/code',
        params: { phone },
      };
      const res = await this.dispatch('request', data);


  mutations: {
  async request(cnx, { method = 'GET', url = '', headers, body, params }) {
    const req = {
      method,
      url,
      data: body,
      params,
      headers
    };