← Torna al blog
Dev Tips
Un trucchetto al giorno leva le complicazioni di torno! Piccole "scorciatoie" che possono facilitare la vita degli sviluppatori e far risparmiare tempo...e righe di codice.
113
How to display DOM Element in Console (Chrome)
2021-07-07
1// JS Tip of the Day
2// How to display DOM Element in Console (Chrome)
3
4// <html>...<p id="hero">I'm Batman!</p>...</html>
5
6console.log($0); // $0 is the active inspected element
7// <p id="hero">I'm Batman!</p>
8
9console.dir($0);
10/*
11p#hero {
12 // ...
13 id: 'hero',
14 // ...
15 innerText: "I'm Batman!",
16 // ...
17 }
18*/112
Smart use of Object Dinamic Key
2021-07-06
1// JS Tip of the Day
2// Smart use of Object Dinamic Key
3
4const hero = {
5 name: 'Batman',
6 weapon: 'Batarang'
7};
8
9function removeProperty(obj = {}, property = '') {
10 const { [property]: prop, ...newObj } = obj;
11 return newObj;
12}
13
14console.log(removeProperty(hero, 'weapon'));
15// { name: 'Batman' }111
How to detect if an object is frozen
2021-07-05
1// JS Tip of the Day
2// How to detect if an object is frozen
3
4 const hero = {
5 name: 'Batman',
6 weapon: 'Batarang'
7 };
8
9 Object.freeze(hero);
10 console.log(Object.isFrozen(hero)); // true110
Set an object read only property
2021-07-02
1// JS Tip of the Day
2// Set an object read only property
3
4const hero = {
5 weapon: 'Batarang'
6};
7
8Object.defineProperty(hero, 'name', {
9 value: 'Batman',
10 writable: false
11});
12
13hero.name = 'Superman'; // Error on strict mode!
14console.log(hero.name); // Batman109
Get an Object Property Descriptor
2021-07-01
1// JS Tip of the Day
2// Get an Object Property Descriptor
3
4const hero = {
5 name: 'Batman',
6 weapon: 'Batarang'
7};
8
9const heroPropertyDescriptor = Object.getOwnPropertyDescriptor(hero, 'name');
10
11console.log(heroPropertyDescriptor);
12// { value: "Batman", writable: true, enumerable: true, configurable: true }
13// NB Mutating it has no effect on the original property's configuration.Contattaci.
Hai in mente un progetto e vorresti realizzarlo?
Sei interessato a migliorare le competenze del tuo team in ambito di programmazione e sviluppo?
Oppure vuoi semplicemente prendere prendere un caffè con noi e vedere la nostra collezione di Action Figure, allora scrivici tramite questo form.
Se, invece, vuoi far parte del team, guarda le nostre offerte di lavoro.