Un trucchetto al giorno per mantenerti allenato o per conoscere qualcosa di nuovo sul magico mondo di JavaScript.
2021-07-07 - JavaScript
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*/
Vai al Tweet2021-07-06 - JavaScript
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' }2021-07-05 - JavaScript
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)); // true2021-07-02 - JavaScript
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); // Batman2021-07-01 - JavaScript
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.Preferisci ricevere i tips via mail? Iscriviti alla newsletter.
Iscriviti alla newsletter
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.