JS: Novedades 2020

js2020.js

/****************************************************************
 * 
 *
 * 🆕🆕🆕 Nuevas características de Javascript en 2020
 * 
 *
*****************************************************************/

/**
 * 
 * 1️⃣ Optional chaining
 
 */

const person = {
  name: 'Gerardo',
  age: 19,
  company: 'Latte and Code',
};

console.log(person?.contactInfo?.telephone); // undefined 


/**
 * 
 * 2️⃣ Nullish coalescing operator
 *
 */

const zero = 0;
const nullValue = null;

console.log(zero || 1); // 1
console.log(zero ?? 1); // 0
console.log(nullValue ?? 1) // 1


/**
 * 
 * 3️⃣ Numeric separators
 * 
 */

 const aBillion = 1_000_000_000; // 1000000000
 const otherAmount = 1_234_567.89 // 1234567.89


 /**
 * 
 * 4️⃣ Dynamic import
 * 
 */

 // Promise style
import('/modules/my-module.js')
  .then((module) => {
    // Do something with the module.
  });

// Async-await style
let module = await import('/modules/my-module.js');