Promise chain mutating Object with setTimeout, + fixing with R.merge

index.js

// Test 1, what will be displayed in the logs?
Promise.resolve()
  .then(() => {
    const car = {
      color: 'Green'
    }

    setTimeout(() => {
      car.color = 'Orange'
    }, 0)

    // Look at this
    return car
  })
  .then((car) => {
    setTimeout(() => {
      console.log(car)
    }, 10)

    console.log(car)
  })
  
// Test 2, with R.merge
Promise.resolve()
  .then(() => {
    const car = {
      color: 'Green'
    }

    setTimeout(() => {
      car.color = 'Orange'
    }, 0)

    // It will create a plain new object with no references to the old car object
    return R.merge({}, car)
  })
  .then((car) => {
    setTimeout(() => {
      console.log(car)
    }, 10)

    console.log(car)
  })

/*
  Navigate to http://ramdajs.com/docs/#merge then open your DevTools
  to run these blocks above.
*/