????? ???! ?? ? ?? TC39 ??? ???? ? ??? ?? ????? ?? ????? ??? ??? ??????. JavaScript? ?? ?? ???? ??? ?? ????. ?? ??? ?? ?? ???? ?? ??? ?? ??? ????? ???? ??? ??? ?? ??? ?? ??? ?? ??? ??? ??? ?? ??????. ?

? ?? ?? ??? ??? JavaScript? ?? ???? ?? ? ?? ??? ??? ????? ????? ????. ??? ??? ???? ?? ??? ??? ???? ? ???? ?? ???? ?? ?? ???? ? ???? ???????.

TLDR: ??? ? ?? ??? ???? ?????: https://github.com/tc39/proposal-partial-application/issues/53

---

??

?? ??? ???? ??? ?? ??? "?? ??"?? ??? ??? ? ??? ? ??? ??? ? ????. ?? ??? ??? ????.

const fetchWithAuth = (path: string) => fetch(
  { headers: { Authorization: "Bearer token" } },
  path,
);
fetchWithAuth("/users");
fetchWithAuth("/posts");

? ????? ~() ??? ?????.

const fetchWithAuth = fetch~({ headers: { Authorization: "Bearer token" } }, ?);
fetchWithAuth("/users");
fetchWithAuth("/posts");

?? ?? ???? ??? ?????? fetchWithAuth ??? ?? ??? ?? ???? URL? ???? ???. .bind()? ????? ? ???? ?? ????.

? ????? ? ???? ?? ??? ?? ?? ???? ??? ????? ?? ...???. ?:

const sendEmail = send~(user.email, ?, ...);
sendEmail("Welcome!", "Hello and thanks for signing up!");
sendEmail("Reminder", "Don't forget to confirm your email.");

?? ??? ?? ??? ?? ??? ??? ??? ??? ????!

??? ? ??? ??? ??? ? ?? ? ????.

---

?? ???? ??

???? ????? ??? ?????. ?? ??? ? ??? ?? ??

??? ????? ??? ?????. ??? ?? ??? ?? ????.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout(() => alert(state.data), 1000)
  }
}

?? ??? ??????? ?? ?? ?? "???" ??? ??? ? ??? ???? ?? ?? ???? ????! ? ??? ????? ? ??? ????? ???? ???. "setTimeout"? ?? ??? ???? ?? ?? ??? ?????.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout((data) => alert(data), 1000, state.data)
  }
}

???? ??? API ???? ?? ????? ????. ????? ???? ? ??? ?? ? ????? ?? ? ????.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout(alert~(state.data), 1000)
  }
}

?? ?? ? state.data? ??? ??? ??? ?? ??? ?? ??? ??? ? ????.

---

?? ?? ???

?? ??? ? ?? ???? ??? ??? ??? ??? ??? ? ???? ??? ????? ????.

?? ?? ? ?? ??? ?? ?? ???? ???? ?? ?? ??? ??? ??? ?????.

const fetchWithAuth = (path: string) => fetch(
  { headers: { Authorization: "Bearer token" } },
  path,
);
fetchWithAuth("/users");
fetchWithAuth("/posts");

??? this.some.another? ?? ??? ???? ????. ? ?? ??? ???? ?? ? ?????. ? ??? ??? ?? ?????? ?? ? ????.

const fetchWithAuth = fetch~({ headers: { Authorization: "Bearer token" } }, ?);
fetchWithAuth("/users");
fetchWithAuth("/posts");

?? ??? ???? ? ???? ??? ? ????.

const sendEmail = send~(user.email, ?, ...);
sendEmail("Welcome!", "Hello and thanks for signing up!");
sendEmail("Reminder", "Don't forget to confirm your email.");

?? ??? ????? ?? ?? ?? ??? ? ???? ???? ?? ?? ? ????.

---

??? ??? ???? ??? ??????

???? ??? ?? ??????. ??? ??? ????? JavaScript?? ?? ?? ???? ????. ?? ??? ??? ?. ~()? ???? ??? ??? ?? ????? ? ???? ? ????.

??? ??? ???? ??? ??? ??? ??? ? ??? ?????

---

?? ?? ??

Function.prototype? ?? ???? ????? ??? ???.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout(() => alert(state.data), 1000)
  }
}

? ? ????? ??? ??? ???? ????? ????. ?? ???? ?? ?? ??? ???? ???? ??? ? ????.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout((data) => alert(data), 1000, state.data)
  }
}

???? ???? ??? ?? ???? ?????? ???!

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout(alert~(state.data), 1000)
  }
}

??? ?? ??? ??? ????. ?? ?? ?? ??? ??? ??? API?? ???? ? ????.

---

??? ??: ? ????

??? ?? ???? ?? ?????. ?? ??? ????? ?? ??? ???? ?????

?? 1: .filter() ? .map() ??

????? ???? ?? ??? ????? ??? ?????. ??? ????? ??? ??? ????? ???. ????? ??? ?? ?????.

class Store  {
  data: { list: [], some: { another: 42 } }
  get computedList() {
    return this.list.map((el) => computeElement(el, this.some.another))
  }
  contructor() {
    makeAutoObservable(this)
  }
}

??? ?? ???? ??? ? ? ???? ???. ?? ??? ???? ? ??? ??? ??? ??? ? ????.

class Store  {
  data: { list: [], some: { another: 42 } }
  get computedList() {
    const { another } = this.some
    return this.list.map((el) => computeElement(el, another))
  }
  contructor() {
    makeAutoObservable(this)
  }
}

Symbol.skip? ?? ???? ??? ????? ??? ???? ??? ????? ??? ?? ????!

? 2: .reduce()? ?? ??

?? 5? ??? ? ??? ????? ??? ???. ????? .reduce() ???? ??? ?????:

class Store  {
  data: { list: [], some: { another: 42 } }
  get computedList() {
    return this.list.map(computeElement~(?, this.some.another))
  }
  contructor() {
    makeAutoObservable(this)
  }
}

? ??? ????? ??? ??? ?? ??? ?????. ?? ??? ???? ?? ?? ??? ?? ? ????.

function notify(state: { data?: Data }) {
  if (state.data) {
      setTimeout(alert.tie(state.data), 1000)
  }
}

Symbol.skip? ??? ??? ?????? ??? ??? ???? ??? ???? ??? ? ????.

---

??? ??? ??

??? ??, ?? ???, ?? ?? ?? ????? ??? ??? ??? ????. ?? ??? ?????.

• ??? API ??: ??? ?? ??? ??? ??? ?????.
• ??? ??: ?? ??? ???? ?? ???? ??? ???? ???.
• ?? ??? ???: ?? ???? ?? ???? ???? ??? ?????.

~()? ???? Tie ? Symbol.skip? ?? ??? ???? ?? ??? JavaScript ?? ??? ? ?? ? ???? ? ?? ??? ???? ??? ????.

?? ???? ?? ??? ??? ???? ?? ?? ??? ?????.

---

??? ??????

????. ??? ??????? ~() ??? ?????, ??? ??? ?? ?? ??? ???? ???? ??? ?? ??? ?? ??? ?? ??? ????? ??? ?????!

JavaScript? ????? ???? ??? ??? ????. ????? ???? ?????? ??? ???? ? ?? ??? ?? ? ????. ??? ?? ????!

? ??? ??????? ?? ??????. ??? ??, ?? ???, ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!