


What is the use of js try...catch syntax structure? try...catch detailed explanation
What this article brings to you is what is the use of js try...catch syntax structure? Detailed explanation of try...catch. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
1. The basic syntax of try...catch
try..catch construction mainly has two blocks: try{ } and catch(err){}:
try{ //在这里运行代码 //抛出错误 } catch(err){ //在这里处理错误 }
The working principle is as follows:
1. First, execute the code try {...}.
2. If there is no error, ignore catch(err){....}. After executing try {...}, skip catch(err){....} and execute directly. Next statement.
3. If an error occurs, try stops executing and starts executing catch(err){...}. The err variable (which can be defined arbitrarily) contains an error object detailing what happened.
2. Error Object
When an error occurs, JavaScript will generate an object containing detailed information about it. This object is then passed to catch as a parameter, for example:
try { // ... } catch(err) { // <-- "错误对象",“err”可以用可以用任意词代替 // ... }
For all built-in errors, the error object inside the catch block has two main properties:
name
Error name, "reference error" for an undefined variable.
message
Text message with error details.
There are other non-standard properties in most environments. The most widely used and supported one is:
stack
Current call stack: a string containing information about the nested sequence of calls that caused the error (the purpose of which is for debugging).
For example:
try { lalala; // 错误,变量未定义! } catch(err) { alert(err.name); // 引用错误 alert(err.message); // Lalala变量没有定义 alert(err.stack); //引用错误:Lalala变量没有定义在… // 也可以作为整体显示错误 // “name: message”:可以将错误转换为字符串 alert(err); // ReferenceError: lalala is not defined }
3. Use "try...catch"
Let us explore a real Use case try..catch.
html code:
<p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入</button> <p id="mess"></p>
js code:
function myFunction() { try { var x = document.getElementById("demo").value; //取元素的值 if(x == "") throw "值为空"; //根据获取的值, 抛出错误 if(isNaN(x)) throw "不是数字"; if(x > 10) throw "太大"; if(x < 5) throw "太小"; } catch(err) { var y = document.getElementById("mess"); //抓住上面throw抛出的错误, 给p标签显示 y.innerHTML = "错误:" + err + "。"; } }
Rendering after operation:
4. try...catch...finally
The try...catch construct also has a code clause: finally.
If it exists, it will run in all cases:
1. After try, if there is no error,
2. After catch After that, if there is an error
The extended syntax looks like this:
try { ... 尝试执行代码 ... } catch(e) { ... 处理错误 ... } finally { ... 始终执行 ... }
Try running this code:
try { alert( 'try' ); if (confirm('犯错误了?')) BAD_CODE(); } catch (e) { alert( 'catch' ); } finally { alert( 'finally' ); }
The code can be executed in two ways:
If you answer "Yes (OK)" to "Made a mistake?", then execute try -> catch -> finally.
If you say "No (cancel)", then try -> finally.
finally indicates that we need to use this clause when we start doing something before try..catch and want to complete it without any result.
For example, we want to measure the time fib(n) taken by the Fibonacci number function. Of course, we can start the measurement before running it and complete it afterwards. But what if an error occurs during the function call? In particular, the implementation of fib(n) in the code below returns an error for a negative or non-integer number.
finally Regardless, this clause is a good place to get your measurements done.
Here finally guarantees that the time will be measured correctly in both cases - if fib is executed successfully and an error occurs:
let num = +prompt("输入正整数?", 35) let diff, result; function fib(n) { if(n < 0 || Math.trunc(n) != n) { throw new Error("不能是负的,且必须是整数。"); } return n <= 1 ? n : fib(n - 1) + fib(n - 2); } let start = Date.now(); try { result = fib(num); } catch(e) { result = 0; } finally { diff = Date.now() - start; } alert(result || "发生错误"); alert(`执行时间 ${diff}ms`);
When we enter 35:
When we enter -1:
Both measurements are completed correctly.
Summary: The above is the entire content of this article. I hope it will be helpful to everyone’s learning. Related video tutorials are recommended: JavaScript Tutorial!
The above is the detailed content of What is the use of js try...catch syntax structure? try...catch detailed explanation. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Use middleware to improve error handling in Go functions: Introducing the concept of middleware, which can intercept function calls and execute specific logic. Create error handling middleware that wraps error handling logic in a custom function. Use middleware to wrap handler functions so that error handling logic is performed before the function is called. Returns the appropriate error code based on the error type, улучшениеобработкиошибоквфункциях Goспомощьюпромежуточногопрограммногообеспечения.Оно позволяетнамсосредоточитьсянаобработкеошибо

In C++, exception handling handles errors gracefully through try-catch blocks. Common exception types include runtime errors, logic errors, and out-of-bounds errors. Take file opening error handling as an example. When the program fails to open a file, it will throw an exception and print the error message and return the error code through the catch block, thereby handling the error without terminating the program. Exception handling provides advantages such as centralization of error handling, error propagation, and code robustness.

The best error handling tools and libraries in PHP include: Built-in methods: set_error_handler() and error_get_last() Third-party toolkits: Whoops (debugging and error formatting) Third-party services: Sentry (error reporting and monitoring) Third-party libraries: PHP-error-handler (custom error logging and stack traces) and Monolog (error logging handler)

Error handling and logging in C++ class design include: Exception handling: catching and handling exceptions, using custom exception classes to provide specific error information. Error code: Use an integer or enumeration to represent the error condition and return it in the return value. Assertion: Verify pre- and post-conditions, and throw an exception if they are not met. C++ library logging: basic logging using std::cerr and std::clog. External logging libraries: Integrate third-party libraries for advanced features such as level filtering and log file rotation. Custom log class: Create your own log class, abstract the underlying mechanism, and provide a common interface to record different levels of information.

In Go functions, asynchronous error handling uses error channels to asynchronously pass errors from goroutines. The specific steps are as follows: Create an error channel. Start a goroutine to perform operations and send errors asynchronously. Use a select statement to receive errors from the channel. Handle errors asynchronously, such as printing or logging error messages. This approach improves the performance and scalability of concurrent code because error handling does not block the calling thread and execution can be canceled.

In Go function unit testing, there are two main strategies for error handling: 1. Represent the error as a specific value of the error type, which is used to assert the expected value; 2. Use channels to pass errors to the test function, which is suitable for testing concurrent code. In a practical case, the error value strategy is used to ensure that the function returns 0 for negative input.

In Golang, error wrappers allow you to create new errors by appending contextual information to the original error. This can be used to unify the types of errors thrown by different libraries or components, simplifying debugging and error handling. The steps are as follows: Use the errors.Wrap function to wrap the original errors into new errors. The new error contains contextual information from the original error. Use fmt.Printf to output wrapped errors, providing more context and actionability. When handling different types of errors, use the errors.Wrap function to unify the error types.

Best practices for error handling in Go include: using the error type, always returning an error, checking for errors, using multi-value returns, using sentinel errors, and using error wrappers. Practical example: In the HTTP request handler, if ReadDataFromDatabase returns an error, return a 500 error response.
