5 amazing new JavaScript features in ES15 (2024)

5 amazing new JavaScript features in ES15 (2024)

The upcoming ECMAScript 2024 (ES15) introduces several exciting new JavaScript features that enhance the language’s capabilities. Here are five notable additions:

1. Pipeline Operator (|>):
   This operator allows for cleaner and more readable function composition, making it easier to chain functions together. Instead of nesting functions, you can use the pipeline operator to pass the output of one function as the input to the next.
   Example:
   const exclaim = (str) => str + "!!!";

   const listen = (str) => "Listen up! " + str;


   const uppercase = (str) => str.toUpperCase();

   const result = "Hello World"


   |> listen(%)


   |> exclaim(%)

   |> uppercase(%);

   console.log(result); // "LISTEN UP! HELLO WORLD!!!"

2. Temporal API:
   The Temporal API provides a modern approach to handling dates and times, offering more precision and flexibility than the traditional Date object. It simplifies complex date manipulations, including timezone handling. Example:
   const now = Temporal.Now.plainDateTimeISO();

   console.log(now.toString()); // e.g., "2024-06-13T12:34:56"

   const birthday = Temporal.PlainDate.from('2000-01-01');

   const age = now.since(birthday);

   console.log(`You are ${age.years} years old.`); // "You are 24 years old."

3. Records and Tuples:
   These immutable data structures bring more stability to your data by ensuring that objects (Records) and arrays (Tuples) cannot be altered once created. They are deeply immutable, meaning their nested structures are also unchangeable. Example:
   const hero = #{


   name: "Batman",

   powers: #["intelligence", "martial arts"],

   };

4. Well-formed Unicode Strings:
   JavaScript strings are now better equipped to handle invalid Unicode sequences. The new String.prototype.isWellFormed method checks if a string is well-formed, and String.prototype.toWellFormed converts malformed strings into a valid UTF-16 representation. Example:
   const str = "\uD800"; // lone surrogate

   
console.log(str.isWellFormed()); // false

   
console.log(str.toWellFormed()); // "�"

5. RegExp v Flag with Set Notation:
   This enhancement introduces a new v flag in regular expressions, allowing for set notation and property escapes. It makes pattern matching more powerful and expressive. Example:
   const regex = /\p{ASCII_Hex_Digit}/v;

   console.log(regex.test("F")); // true


These features aim to make JavaScript more powerful, readable, and user-friendly, particularly for developers working with complex data structures, functional programming, or internationalization.