Functions

In JavaScript, functions are not only blocks of code but also objects with associated context (the this value)

• By using .bind, you effectively create a new function that, when invoked, will maintain the specified context regardless of where it's called. This is especially useful when dealing with asynchronous functions that may be called at different times and contexts.

When you pass an object (or array) as a parameter, if the function changes the object's properties (or array's elements), that change is visible outside the function

Arrow Function

• Arrow functions do not have their own this, arguments, or super.
• Arrow functions are always anonymous.

Tagged Template Literals

// These are equivalent:
fn`some string here`
fn(['some string here'])

---

The rest of the arguments will be the interpolations, in order.

const aVar = 'good'

// These are equivalent:
fn`this is a ${aVar} day`
fn(['this is a ', ' day'], aVar)

Identity function

fetchBook()
  .then((book) => formatBook(book))
  .then((postscript) => print(postscript))

is equivalent to (verify this)

fetchBook()
  .then(formatBook)
  .then(print);

Passing in a named function vs Passing in a function that calls the named function

setTimeout will call the passed in function after X milliseconds.

• in the first case, resolve gets called, which resolves the promise
• in the second case, a function which calls resolve gets called. The act of calling this function results in resolve being called

Therefore, these are not the same thing, but they attain the same result

const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms))
// vs
const sleep = (ms) => new Promise(resolve => setTimeout(() => resolve('foo'), ms))

---

Children

1. Generator Functions
2. IIFE
3. Tagged Template Literals