1// JS Tip of the Day
2// Temporal Dead Zone
3
4let hero = 'Superman';
5
6// ...
7
8if (hero) { // Enter in a new scope
9  // 💀 We are inside the Temporal Dead Zone for hero 💀 
10  
11  /*
12	let declaration is block scoped and it isn't afflicted by Hoisting but live under the TDZ!
13       We cannot use it before its block declaration or we trigger a ReferenceError
14  */
15  console.log(hero); // ReferenceError 
16  
17  // 💀 We are inside the Temporal Dead Zone for hero 💀 
18
19  let hero; // TDZ is ending and hero è undefined
20  /*
21	hero is also declared inside this scope with let and it create a block scope!
22  */
23  
24  hero = 'Batman';
25  console.log('Batman'); // Batman
26}
27
28console.log(hero); // Superman;

1// JS Tip of the Day
2// Quick ways to empty an Array
3
4let heroes = ['Batman', 'Superman', 'Wonder Woman'];
5
6// Assigning a new Array - This catch an error if you declare with const
7heroes = [];
8
9// Setting lentgh to zero
10heroes.length = 0;
11

1// JS Tip of the Day
2// Optional chaining to call a method which may not exist
3
4const hero = {
5    name : "Batman",
6    weapon: "Batarang",
7    getWeapon() {
8        return this.weapon;
9    }
10}
11
12console.log(hero?.getWeapon()); // Batarang
13console.log(hero?.getWeapon?.()); // Batarang (with Optional chaining)
14
15console.log(hero?.getVehicle.()); // getVehicle is not a function
16console.log(hero?.getVehicle?.()); // undefined (with Optional chaining)

1// JS Tip of the Day
2// Styling Console Output with %c directive (Modern Browsers)
3
4console.log("%c I'm Batman!", "color: black; background-color: yellow; padding: 2px");
5

1// JS Tip of the Day
2// Array Intersection
3
4const arrA = [1,2,3];
5const arrB = [2,5,3];
6
7const intersectionArr = arrA.filter(value => arrB.includes(value));
8
9console.log(intersectionArr); // [2,3]