Gli oggetti in JavaScript

In JavaScript tutto è un oggetto, anche le funzioni e gli array e possono essere creati come oggetti litterali o tramite funzioni

In JavaScript un oggetto è un contenitore di proprietà composto da un nome ed un valore. Il valore può essere un altro oggetto o un tipo primitivo: numeri, stringhe, booleani, null o undefined (i primi 3 possono essere visti come degli oggetti immutabili in quanto hanno una serie di metodi).

Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , ,

Le clousure in JavaScript

Le chiusure rappresentano una tecnica di programmazione che consente di far ricordare alle funzioni il contesto in cui sono state create anche dopo la loro esecuzione

Quando in JavaScript si parla di clousure si intendono un insieme delle particolari funzioni che “ricordano” il contesto in cui sono state create. Prima di approfondire il discorso, ricordiamo che una funzione interna ha la capacità di accedere ai dati della funzione esterna che la contiene. Ad esempio:

    var myVar = 1;
    function myFunction() {
        console.log(myVar); // => 1
    }
    myFunction();

Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , ,

L’indirect invocation in JavaScript

Invocare una funzione tramite i metodi call() e bind() consente di specificare il contesto di esecuzione della funzione e determinare il valore del riferimento this

Si parla di Indirect Invocation quando una funzione è chiamata utilizzando i metodi .call() oppure .apply().

In JavaScript le funzioni sono degli oggetti di tipo Function e tra i metodi messi a disposizione troviamo .call() e .apply() che sono usate per invocare le funzioni specificando il contesto da utilizzare. Nello specifico: Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , , , , , , ,

La method invocation in JavaScript

Utilizzare una funzione come un metodo consente di far puntare il riferimento this all’oggetto a cui il metodo appartiene e non causare “strani” comportamenti

In JavaScript per metodo si intende una funzione contenuta in una proprietà di un oggetto. Ad esempio sayHello è un metodo di myObject:

    var myObject = {
        sayHello: function() {
            return 'Hello';
        }
    };
    console.log(myObject.sayHello());

Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , , , , , ,

La constructor invocation in JavaScript

Utilizzare una funzione tramite l’invocazione di un costruttore consente di far puntare il riferimento this all’oggetto appena creato

In JavaScript si parla di Constructor Invocation quando viene utilizzata la parola chiave new seguita da un’espressione che valuta una funzione di un oggetto e seguita dalle parentesi tonde seguita, eventualmente, da una lista di argomenti. Ad esempio: new Person().

    function Person(surname) {
        this.surame = surname;
    }
    var myPerson = new Person("Datrevo");
    var myPerson2 = new Person;

Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , , ,

La function invocation in JavaScript

Tramite l’invocazione di una funzione il riferimento this punterà all’oggetto globale, mentre nella strict mode vale undefined

In JavaScript si parla di “invocazione di funzione” (Function Invocation) quando l’oggetto funzione è seguita dalle parentesi tonde (con eventualmente all’interno una lista di argomenti), ad esempio: hello(‘Datrevo’). Si parla sempre di invocazione di funzione per l’IIFE (Immediately-Invoked Function Expression):

    var message = (function(name) {
        return 'Hello ' + name;
    })('Datrevo');
    console.log(message) // => 'Hello Datrevo'

Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , , , ,

Il riferimento this e come invocare le funzioni in JavaScript

Il riferimento this consente di accedere al contesto di un’esecuzione in cui le funzioni e i metodi sono invocati e non necessariamente all’oggetto a cui appartengono

In JavaScript capire a cosa punta il riferimento this è molto importante, rappresenta una grande feature messa a disposizione dal linguaggio. Per chi proviene da linguaggi come Java o PHP, this è il riferimento all’istanza dell’oggetto corrente che viene utilizzato per accedere ai campi e invocare i metodi. In JavaScript non è così, o perlomeno non del tutto. Leggi altro ›

Pubblicato in Front-end, JavaScript Taggato con: , , , , , , , , , ,

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi