Inspect
A function that returns the first argument you give it after console.log
-ing
it, and also logs out any other arguments. Useful for seeing what's going on
without needing to extract out a set of expressions in to a variable. Typed with
generics so TypeScript doesn't complain ☺.
typescriptjavascript
export const inspect = <T extends unknown>(obj: T, ...args: unknown[]): T => { console.log(...args, obj) return obj}
Example
javascript
inspect( inspect(document.querySelector('container'), 'container')?.querySelector( '[data-index="2"]' ), 'item', 2)?.scrollIntoView({ behaviour: 'smooth', block: 'nearest', inline: 'center',})
would print the following to the console
code
container <div class="container">...</div>item 2 <li data-index="2">...</li>