How to refine functions in JavaScript Development

This article will explain in detail how to refine the function in JavaScript development. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Refinement function

In JavaScript development, we spend most of our time dealing with functions, so we hope that these functions have a good name and that the logic contained in the function body is clear. If a function is too long and has to be annotated to make it easier to read, it is necessary to ReFactor these functions.

If there is a piece of code in a function that can be separated, then we'd better put that code into a separate function. This is a common optimization exercise, and the main benefits of this are as follows.

Avoid oversized functions.

Independent functions help code reuse.

Independent functions are more likely to be overridden.

If a stand-alone function has a good name, it itself acts as an annotation.

For example, in a function responsible for obtaining user information, we also need to print the log related to the user information, so the statement to print log can be encapsulated in a separate function:

Var getUserInfo = function () {ajax ('http:// xxx.com/userInfo', function (data) {console.log (' userId:'+ data.userId); console.log ('userName:' + data.userName); console.log ('nickName:' + data.nickName);} Change it to: var getUserInfo = function () {ajax ('http:// xxx.com/userInfo', function (data) {printDetails (data);});}; var printDetails = function (data) {console.log (' userId:'+ data.userId); console.log ('userName:' + data.userName); console.log ('nickName:' + data.nickName);} This is the end of this article on "how to refine functions in JavaScript development". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.