Can an inline try be implemented without including a catch block as demonstrated?

Question

Can an inline try be implemented without including a catch block as demonstrated?

I have a scenario where I need to execute code that may result in an error without catching it.

If the response is not valid JSON, then the desired outcome should be 0:

Here is the code snippet I am considering:

var overallProgress = try {JSON.parse(text)} ? 0;

Is there a way to achieve this?

Alternatively, could something like this work:

var overallProgress = try { JSON.parse(text)} catch(error) { 0 }; 
var overallProgress = try { JSON.parse(text)} catch(error) { overallProgress = 0 };

However, errors are encountered when using the above code.

I came across a similar post below but did not find any solution:

Is try {} without catch {} possible in JavaScript?

To make it easier on the eyes:

var overallProgress = 0; 
try { overallProgress = JSON.parse(text).overallProgress } 
catch(error) { overallProgress = 0 };

javascript try-catch

Answer 1

Answer №1

Indirectly, yes. One method is utilizing an IIFE:

const overallProgress = (() => { try { return JSON.parse(text) } catch { return 0 } })();

However, it is recommended to structure it over multiple lines for better readability:

const overallProgress = (() => {
  try {
    return JSON.parse(text);
  } catch {
    return 0;
  }
})();

While using const has its perks, there isn't a significant advantage compared to using separate assignments like this:

let overallProgress;
try {
  overallProgress = JSON.parse(text);
} catch {
  overallProgress = 0;
}

Alternatively, you could start with a default value and then attempt to update it through parsing:

let overallProgress = 0;
try {
  overallProgress = JSON.parse(text);
} catch {
  /* ignore: maintain the current `overallProgress` value */
}

Answer 2

Indirectly, yes. One method is utilizing an IIFE:

const overallProgress = (() => { try { return JSON.parse(text) } catch { return 0 } })();

However, it is recommended to structure it over multiple lines for better readability:

const overallProgress = (() => {
  try {
    return JSON.parse(text);
  } catch {
    return 0;
  }
})();

While using const has its perks, there isn't a significant advantage compared to using separate assignments like this:

let overallProgress;
try {
  overallProgress = JSON.parse(text);
} catch {
  overallProgress = 0;
}

Alternatively, you could start with a default value and then attempt to update it through parsing:

let overallProgress = 0;
try {
  overallProgress = JSON.parse(text);
} catch {
  /* ignore: maintain the current `overallProgress` value */
}

Can an inline try be implemented without including a catch block as demonstrated?

Answer №1

Similar questions

Creating a backup link for a video player component in NextJs

Check if array2 is partially ordered as array1 in JavaScript

Enhance your website with a dynamic dropdown feature using Javascript and Bootstrap 5, allowing buttons to respond

Access various results from a jQuery function

Is Angular's ngOnChanges failing to detect any changes?

"Make sure to tick the checkbox if it's not already selected,

Use ajax to dynamically update the contents of a textbox

a guide to structuring REST API requests with axios in Vue.js

The error message "AWS Lambda Node 18: fetch is not defined, please resolve or include global fetch" indicates that

Adding a character at the current cursor position in VUE JS

How to use Angular 2 to communicate with JavaScript API whenever the router switches to

Struggling to understand the process of retrieving information from an Axios promise

Retrieve the size of an element without having to wait for the browser to "recalculate style"

Updating input value in Vue using JavaScript method

Express fails to handle the POST request

Automating web pages with the power of Node.js

jQuery - Wait for the completion of one UI change before initiating another UI change

Troubleshooting the issue of a callback function not properly updating state within the componentDidMount

Error with Chakra UI and React Hook Form mismatched data types

Tips for including a permanent button at the bottom of a material ui dialog box