Tip of the day - JavaScript

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

98

How to request and detect the USB Devices (Experimental)

2021-06-10 - JavaScript

1// JS Tip of the Day
2// How to request and detect the USB Devices (Experimental)
3
4// Request a Device
5const filters = {filters: []}; // You could filter by vendorId/productId
6
7await navigator.usb.requestDevice(filters)
8.then(device => console.log(`Device: ${device.productName}`))
9.catch(e => console.log(`No Device: ${e}`));
10
11// Get all a paired attached devices
12await navigator.usb.getDevices()
13.then(devices => {
14  console.log(`Devices: ${devices.length}`);
15  devices.forEach(device => console.log(`Device: ${device.productName}`));
16});
17
18// NB: Yes...I used top level await! :D
#JStipoftheday
97

Get selected text on a web page

2021-06-09 - JavaScript

1// JS Tip of the Day
2// Get selected text on a web page
3
4const getSelectedText = () => window.getSelection().toString();
5console.log(getSelectedText()); // 'Selected Text!'
#JStipoftheday
96

How to emulate an Enum (very simple mode)

2021-06-09 - JavaScript

1// JS Tip of the Day
2// How to emulate an Enum (very simple mode)
3
4const heroEnum = Object.assign(
5  Object.create(null),
6  {
7    batman: 'Batman',
8    superman: 'Superman',
9    cyborg: 'Cyborg'
10  }
11);
12
13Object.freeze(heroEnum);
14
15console.log(heroEnum) 
16// { batman: 'Batman', superman: 'Superman', cyborg: 'Cyborg' } 
#JStipoftheday
95

Use signal to abort a Promise

2021-06-07 - JavaScript

1// JS Tip of the Day
2// Use signal to abort a Promise
3
4const controller = new AbortController();
5const { signal } = controller;
6
7fetch("https://jsonplaceholder.typicode.com/todos/", { signal })
8  .then(res => {
9    console.log(res);
10  })
11  .catch(err => {
12    console.error(err);
13});
14
15// Abort request
16controller.abort(); // The user aborted a request.
#JStipoftheday
94

Write an error message based on an assertion

2021-06-04 - JavaScript

1// JS Tip of the Day
2// Write an error message based on an assertion 
3
4let isHero = false;
5console.assert(isHero, 'No, you aren\'t a hero!');
6// No, you aren't a hero!
7
8isHero = true;
9console.assert(isHero, 'No, you aren\'t a hero!'); // nothing to log
10
#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.