Kuo skiriasi rodyklės funkcijos nuo įprastų funkcijų, kalbant apie bind metodo naudojimo būtinybę?

Šaudymo funkcijos neturi savo this konteksto. Jos paima this iš aplinkos (liudinės aplinkos).

Įprastos funkcijos nustato savo this priklausomai nuo to, kaip jos yra iškviečiamos:

• Globaliame kontekste (window arba global).
• Objekto metodu (this nurodo į objektą).
• Kaip konstruktorius (this nurodo į naują egzempliorių).
• Naudojant call, apply arba bind (this yra aiškiai nustatytas).

Kadangi šaudymo funkcijos neturi savo this, bind iškvietimas šaudymo funkcijai neturi prasmės ir nepakeis lėksiškai susieto this. Bandant iškviesti bind šaudymo funkcijai, ji tiesiog grąžinama pati:

Pavyzdys:

// Įprasta funkcija
const normalFunc = function() {
  console.log(this.name);
};

const obj1 = { name: 'Object 1', method: normalFunc };
const obj2 = { name: 'Object 2' };

obj1.method(); // Rezultatas: Object 1

const boundFunc = normalFunc.bind(obj2);
boundFunc(); // Rezultatas: Object 2 (`this` sėkmingai pakeistas)

// Šaudymo funkcija
const arrowFunc = () => {
  console.log(this.name);
};

const obj3 = { name: 'Object 3' };

// ArrowFunc paima `this` iš aplinkos konteksto (šiuo atveju, globalus objektas)
arrowFunc(); // Rezultatas: undefined (galbūt, nes `this` neturi `name`)

const boundArrowFunc = arrowFunc.bind(obj3);
boundArrowFunc(); // Rezultatas: undefined (`this` liko tas pats, bind neveikia)

// Pavyzdys su `this` paėmimu
const person = {
  name: 'Alice',
  greet: function() {
    // Čia `this` nurodo į `person`
    const greetLater = () => {
      // Čia `this` paimamas iš išorinės `greet` funkcijos, t.y., taip pat nurodo į `person`
      console.log(`Hello, ${this.name}!`);
    };
    greetLater();
  }
};

person.greet(); // Rezultatas: Hello, Alice!

Galų gale, bind metodas yra būtinas įprastoms funkcijoms, kad aiškiai nustatytų jų kontekstą this, o šaudymo funkcijoms jis yra perteklinis, nes jų this yra lėksiškai apibrėžtas ir negali būti pakeistas bind.