Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what are the tips for writing modern JavaScript code". In daily operation, I believe that many people have doubts about the tips of writing modern JavaScript code. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the questions of "what are the tips for writing modern JavaScript code?" Next, please follow the editor to study!

1.Array.includes and conditional judgment

Generally speaking, we judge or use | |

2.Set and weight removal

ES6 provides a new data structure, Set. It is similar to an array, but the values of the members are unique and there are no duplicate values. Set itself is a constructor used to generate Set data structures.

The array deduplication Array.from method converts the Set structure into an array. We can specifically write and use a deduplicated function.

Character deduplication plus Set is so powerful that Union, Intersect, and Difference can be easily achieved using Set.

3.Map and Dictionary Type data

In general, JavaScript implements dictionary data based on Object objects. However, the key of an JavaScript object can only be a string. There are a lot of inconveniences for programming. ES6 provides Map data structures. It is similar to the Object object, is also a collection of key value pairs, but the "key" range is not limited to strings, various types of values, strings, numeric values, Boolean values, arrays, objects, and so on can be used as keys.

4. Dealing with data in a functional way

As far as I understand it, functional programming claims that functions must accept at least one parameter and return a value. So all operations about data can be handled in a functional way.

Suppose we have the need to change the structure of the objects in the array foo, then pick out some eligible objects and put them into the new array result.

5.compose and function combination

Because of the popularity of functional programming, you will now see a lot of arrow () = > code in JavaScript code.

In the definition of compose, g executes before f, so a right-to-left data stream is created. This is much more readable than nesting a lot of function calls. We select some functions and combine them to generate a brand new function. Reverse reverses the list, and head takes the first element in the list

But our compose is not perfect enough to handle only two function parameters. Redux source code has a very complete compose function, let's learn from it.

With this function, we can combine countless functions at will. Now let's increase the demand and compose a lastAndUpper function that first reverse reverses the list, head takes the first element in the list, and finally toUpperCase capitalization.

At this point, the study of "what are the tips for writing modern JavaScript code" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.