Tip of the day - JavaScript

Un trucchetto al giorno per mantenerti allenato o per conoscere qualcosa di nuovo sul magico mondo di JavaScript.

83

A simple way to misure fetching time with console.time

2021-05-19 - JavaScript

1// JS Tip of the Day
2// A simple way to misure fetching time with console.time
3
4console.time('time2hero');
5fetch('https://myheroesapi.com/hero/1')
6.then(response => response.json())
7.then(json => {
8  console.timeEnd('time2hero') // time2hero: 83.51611328125 ms
9});
#JStipoftheday
82

How to check if all array values is truthy

2021-05-18 - JavaScript

1// JS Tip of the Day
2// How to check if all array values is truthy
3
4const arr = [1, '2', 'Batman', true, {}, null, undefined, "", ' '];
5console.log(arr.every(v => v)); // false
6
7const anotherArr = [1, '2', 'Batman'];
8console.log(anotherArr.every(v => v)); // true
9
#JStipoftheday
81

Named parameters using objects

2021-05-17 - JavaScript

1// JS Tip of the Day
2// Named parameters using objects
3
4whoIsMyHero =  ({ name, weapon = 'Batarang', enemy }) => {
5  console.log(`I'm ${name} and my ${weapon} hits ${enemy}`);
6}
7
8whoIsMyHero({ enemy: 'Joker', name: 'Batman'});
9// I'm Batman and my Batarang hits Joker
#JStipoftheday
80

Prefixed Counter with Generators

2021-05-14 - JavaScript

1// JS Tip of the Day
2// Prefixed Counter with Generators
3
4function* prefixedCounterGenerator(prefix, counter = 0) {
5  while(true) {
6    yield `${prefix}-${counter++}`;
7  }
8}
9
10const generator = prefixedCounterGenerator('bat', 20);
11
12console.log(generator.next().value); // bat-20
13console.log(generator.next().value); // bat-21
14console.log(generator.next().value); // bat-22
#JStipoftheday
79

One-shot handling of an event

2021-05-13 - JavaScript

1// JS Tip of the Day
2// One-shot handling of an event
3
4// <button id="one-shot-hero-button">Batman! Help me!</button>
5
6const fakeHeroEl = document.getElementById('one-shot-hero-button');
7fakeHeroEl.addEventListener('click', function(event) {
8  console.log('Call me one time and no more!');
9}, {once: true});
10
11fakeHeroEl.click() // Call me one time and no more!
12fakeHeroEl.click() // 
#JStipoftheday

Preferisci ricevere i tips via mail? Iscriviti alla newsletter.

Iscriviti alla newsletter

Tip of the day - JavaScript

Hai in mente un progetto e vorresti realizzarlo?
Sei interessato a migliorare le tue competenze o quelle del tuo team in ambito di programmazione e sviluppo?

Anche se - semplicemente - vuoi prendere un caffè con noi o vedere la nostra collezione di Action Figures scrivici tramite questo form.

Questo sito è protetto da reCAPTCHA e si applicano le Norme sulla privacy e i Termini di servizio di Google.