0Pricing
JavaScript Academy · Lezione

Problemi nell’estrazione dei metodi, applicazione parziale

Risolvi i problemi dell’estrazione dei metodi con call/apply/bind e impari piccoli schemi di applicazione parziale con bind e arrow function wrapper.

Problemi nell’estrazione dei metodi, applicazione parziale è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.

Panoramica

Obiettivo: mantenere stabile this dopo l'estrazione e preimpostare gli argomenti.

  • call(thisArg, a, b)
  • apply(thisArg, [a, b])
  • bind(thisArg, a) → restituisce una nuova funzione
  • Applicazione parziale con bind o una piccola funzione arrow
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 1

Problema dell'estrazione

Chiamare come obj.method() funziona, ma estrarre la funzione fa perdere l'oggetto e compromette this.

// Extraction loses this
const user = {
  name: "Ayla",
  label: function (prefix) {
    return prefix + ":" + this.name;
  }
};

console.log("method call:", user.label("Hi")); // "Hi:Ayla"

// Extract
const f = user.label;
console.log("extracted:", f("Hi")); // this is missing -> "Hi:undefined" (in strict mode this is undefined)
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 2

call/apply per una singola chiamata

call e apply consentono di impostare this per una singola invocazione.

// Fix by passing this explicitly using call/apply
console.log("call :", f.call(user, "Hi"));   // "Hi:Ayla"
console.log("apply:", f.apply(user, ["Yo"])); // "Yo:Ayla"
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 3

bind per il riutilizzo

bind crea una funzione che ricorda this. Chiamatela molte volte senza eseguire nuovamente il binding.

// bind returns a new function with this fixed
const bound = f.bind(user);
console.log("bound once:", bound("Hey")); // "Hey:Ayla"
console.log("bound again:", bound("Yo")); // "Yo:Ayla"
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 4

Applicazione parziale semplice

Usate bind per preimpostare gli argomenti iniziali oppure un piccolo wrapper con una funzione arrow per fissare valori e this.

// Partial application: pre-fill arguments
function add(a, b, c) { return a + b + c; }

// Using bind: pre-fill a=10
const add10 = add.bind(null, 10);
console.log("add10(1,2):", add10(1, 2)); // 13

// Using an arrow wrapper: pre-fill prefix
const labelHi = function (obj) {
  return function () { return obj.label("Hi"); };
}(user);

console.log("arrow partial:", labelHi()); // "Hi:Ayla"
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 5

Schemi pratici

Suggerimenti:

  • Metodi estratti: usate bind una volta e riutilizzatelo.
  • Chiamate una tantum: usate call/apply.
  • Dovete preimpostare gli argomenti? Usate bind o un piccolo wrapper con una funzione arrow.
  • Mantenete piccoli gli helper e assegnate loro nomi chiari.
Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 6

Quiz su bind e call/apply

Controllo rapido: mantenere this e preimpostare gli argomenti.

Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 7

Riepilogo

Riepilogo: l'estrazione fa perdere this. Usate call/apply per le chiamate una tantum e bind per fissare this e riutilizzare la funzione. Per le applicazioni parziali, usate bind o una piccola arrow per preimpostare i valori.

Problemi nell’estrazione dei metodi, applicazione parziale — illustrazione 8

Domande Frequenti

La lezione «Problemi nell’estrazione dei metodi, applicazione parziale» è gratuita?

Sì — il testo completo di «Problemi nell’estrazione dei metodi, applicazione parziale» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.

Cosa imparerò in «Problemi nell’estrazione dei metodi, applicazione parziale»?

Risolvi i problemi dell’estrazione dei metodi con call/apply/bind e impari piccoli schemi di applicazione parziale con bind e arrow function wrapper. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 3.

Quanto tempo richiede la lezione «Problemi nell’estrazione dei metodi, applicazione parziale»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. this lessicale e dinamico, ripasso delle arrow function
  2. Problemi nell’estrazione dei metodi, applicazione parziale
  3. Alternative funzionali — passare il contesto, closure, piccoli helper
← Torna a JavaScript Academy