In a?try...catch...finally?scenario, the?finally?block is always executed irrespective of an error is thrown or not within the try block. Also, Control flow statements like?return?in the finally block overwrite any completion values of the try block or catch block.
In this example, for "BFE.dev" JSON.parse will throw error and control goes to the?catch?block and "errored" is returned. However, since finally block always executes and we return?str?from it, the final returned value is "BFE.dev" that gets logged
Similarly, for "123", the try block tries to return, but finally block's return value is returned instead.
const prettify=(str)=>{
try{
????if(typeofstr==='string'){
????????JSON.parse(str)
????????return"prettified"
????}
}catch(e){
????return"errored"
}finally{
????return????str
}
}console.log(prettify('BFE.dev'))// "BFE.dev"
console.log(prettify('123'))// "123"
