How to realize Code reuse with js

Editor to share with you how to achieve code reuse js, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to understand it!

Code reuse 1 Object [key]

Although it is a common practice to write foo.bar as foo ['bar'], it forms the basis for writing reusable code. Many frameworks use this approach, such as element's form validation.

Consider the following simplified example of a validation function:

Function validate (values) {if (! values.first) return false; if (! values.last) return false; return true;} console.log (validate ({first:'Bruce',last:'Wayne'})); / / true

The above function completes the verification work perfectly. But when there are many forms, you need to apply validation, and there are different fields and rules. It would be a good choice if you could build a generic validation function that is configured at run time.

/ / object validation rulesconst schema = {first: {required:true}, last: {required:true}} / / universal validation functionconst validate = (schema, values) = > {for (field in schema) {if (schema [field] .required) {if (! values [field]) {return false;} return true;} console.log (validate (schema, {first:'Bruce'})); / / falseconsole.log (validate (schema, {first:'Bruce',last:'Wayne'})) / / true

Now that we have this validation function, we can reuse it in all forms without having to write custom validation functions for each form.

The above is all the content of the article "how to achieve code reuse in js". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!