JavaScript'te Call, Apply ve Bind Nasıl Kullanılır?

Replicant · 4 Ocak 2022

JavaScript pratiği yaparken diziler ve dizeler için olanlar gibi çeşitli yerleşik işlevlerle karşılaşmış olabilirsiniz. Bu daha yaygın yöntemleri günlük programlama görevlerinizde kullanabilirsiniz, ancak diğer yöntemler özel amaçlar için kullanılabilir.

JavaScript'in call() , application() ve bind() yöntemleri, özel kullanım durumları olan ve genellikle kodlama görüşmelerinde JavaScript bilginizi test etmek için kullanılan bu tür yöntemlerden bazılarıdır. Bunları nasıl kullanabileceğinize daha yakından bakalım.

1. call()

call() , bir nesneye ait bir işlev veya yöntemin atanmasına ve farklı bir nesne için çağrılmasına izin verir. this anahtar sözcüğünü kullanarak nesnenin değerlerine başvurabilirsiniz .

Bu call() örneğine bakın.

Kod:

let obj = {
 name:"John",
 surname:"Doe",
 getFullName: function(){
 console.log(this.name+" "+this.surname);
 }
}
obj.getFullName();

Obj nesnesi, kişinin tam adını yazdıran getFullName() adlı bir işleve sahiptir . Şimdi, getFullName() 'i farklı değerlere sahip farklı bir nesneyle kullanmak istiyorsanız, call() işlevini kullanarak bunu yapabilirsiniz.

Kod:

const obj2 = {
 name:"Jane",
 surname:"Doe"
 }
obj.getFullName.call(obj2);

Ayrıca , nesneyle birlikte call() işlevine farklı argümanlar da iletebilirsiniz.

Kod:

let obj = {
 name:"John",
 surname:"Doe",
 getFullName: function(age, gender){
 console.log(this.name+" "+this.surname+" "+age+" "+gender);
}
obj.getFullName.call(obj2, 21, "female");

2. apply()

apply() işlevi benzer çalışır call() işlevi. call() ve application() işlevi arasındaki tek fark, diziye birden çok parametre iletebilmeniz ve bunları kullanabilmenizdir.

İşte bir application() örneği:

Kod:

const obj = {
 name:"John",
 surname:"Doe",
 getFullName: function(age, gender){
 console.log(this.name+" "+this.surname+" "+age+" "+gender);
 }
}
obj.getFullName.apply(obj2, [21, "female"]);

3. bind()

bind() , bir işlevin tam kopyasını döndürür ve onu bir nesneyle bağlar. Bu yöntem, bir yöntemin bir kopyasını bağlamak ve saklamak ve daha sonra kullanmak için kullanılır. Fonksiyonu çağırarak istediğiniz zaman kullanabilirsiniz.

İşte bir bind() örneği:

Kod:

const obj = {
 name:"John",
 surname:"Jane",
 getFullName: function(){
 console.log(this.name+this.surname);
 }
 }
const obj2 = {
 name:"Jane",
 surname:"Doe"
 }
let func = obj.getFullName.bind(obj2);
func();