In JavaScript, errors can be caught using exception handling. Exception handling will prevent an application from crashing and not being able to recover. Exception handling is a much cleaner way than the old fashioned way of setting up your own error codes, passing them around and doing comparisons.
\nException handling is implemented using try catch blocks. The try statement encloses a block of code to run. The catch captures runtime errors that occurred within the code block. Captures contain code to handle what to do when errors occur. Finally blocks are optional and contain a block of code that always runs after the try\/catch, whether or not an error occurred. Throw statements are custom errors sent from a block of code to the block of code that called it. The first try\/catch encountered in the calling chain will handle the error.
\nThe throw statement can throw a string, number, boolean or object.
\nThe throw statement can be used as follows:<\/p>\n
\nfunction addNumbers(a, b) {\n if (typeof a != 'number') {\n throw 'Not a number';\n }\n if (typeof b != 'number') {\n throw 'Not a number';\n }\n\n return a + b;\n}\n\ntry {\n let sum = addNumbers(7, 'abc');\n console.log('sum: ' + sum);\n} catch (error) {\n console.log('Error: ' + error.message);\n}\n<\/pre>\n<\/code><\/p>\n
\nThe error variable in the catch statement is an object with name and message properties. <\/p>\n
\nImplementation:<\/strong><\/br><\/br><\/p>\nInside the modules\/Weather.js file created in the JavaScript objects tutorial<\/a>, add the following lines that are in bold:<\/p>\n<\/p>\n
\nclass Weather {\n\n \/\/ Constructor\n constructor() {\n };\n\n getLocation() {\n let url = 'https:\/\/ipinfo.io\/json';\n let options = {\n mode : 'cors'\n };\n\n fetch(url, options)\n .then(response => response.json()); \n };\n \n\n static convertKelvinToCelsius(kelvin) {\n if (typeof kelvin !== 'number') {\n throw 'Kelvin value is not a number';\n }\n return Math.round(kelvin - 273);\n }\n \n static convertCelsiusToFahrenheit(celsius) {\n if (typeof celsius !== 'number') {\n throw 'Celsius value is not a number';\n }\n return Math.round((celsius * (9\/5)) + 32);\n };\n \n static convertFahrenheitToKelvin(fahrenheit) {\n if (typeof fahrenheit !== 'number') {\n throw 'Fahrenheit value is not a number';\n }\n return Math.round(((5\/9) * (fahrenheit - 32)) + 273);\n };\n\n<\/strong>\n}\n\n\nexport default Weather;\n<\/strong>\n\n<\/code><\/pre>\n\nThis adds 3 functions that verify the input parameter is a number before performing the conversion calculations. If the value is not a number, an exception is thrown using the throw statement.<\/p>\n
Next, inside the javascript_tutorial.js file created in the JavaScript set up tutorial<\/a>, add the following lines that are in bold:<\/p>\n\n\/\/ JavaScript Tutorial\n\n\/*\n * This file will add JavaScript\n * to a website.\n *\/\n\nimport Weather from \".\/modules\/Weather.js\";\n<\/strong>\n\n(function() {\n let doc = document;\n let defaultLocation = [-86.7816, 36.1627]; \/\/ longitude, latitude\n\n\n function setWeather(data) {\n if (data) {\n let temp = Math.round(data.main.temp);\n try {\n let fahrenheit = Weather.convertCelsiusToFahrenheit(temp - 273);\n console.log(\"Fahrenheit temperature: \" + fahrenheit);\n } catch (error) {\n console.log(\"Error setting weather: \" + error.message);\n }\n }\n }\n<\/strong>\n\n function init() {\n let locationStr = \"\";\n for (let i = 0, num = defaultLocation.length; i < num; i++) {\n locationStr += defaultLocation[i];\n if (i === 0) {\n locationStr += \", \";\n }\n }\n\n console.log(\"Setting weather for location: \" + locationStr);\n\n setWeather({ main: { temp: 30 } });\n<\/strong>\n }\n\n init();\n})();\n<\/code><\/pre>\n\nThe new lines create a function called setWeather that converts the input value to fahrenheight. Exception handling is added in case the conversion function throws an error.<\/p>\n
\nIn the index.html file, edit the script included at the bottom of the file to read:<\/p>\n
\n <script src=\"js\/javascript_tutorial.js\" type=\"module\"><\/script>\n<\/code><\/pre>\n\nThis will allow the javascript_tutorial.js file to import the Weather class. Modules will be explained in a future post.<\/p>\n
\nThe JavaScript tutorial series starts with this post<\/a>.<\/p>\n\n(paid links)<\/br>
\nMore JavaScript<\/a><\/br><\/br><\/p>\n