JavaScript'te en zorlu ve sık kullanılan kavramlardan biri “ Bu ” anahtar kelimesi. JavaScript “ Bu ” anahtar kelimesi diğer dillerden farklı. Ancak, daha gelişmiş JavaScript kodu oluşturmak için gereklidir. Yeni başlayan biri olarak, bahsedilen anahtar kelimenin kullanımını anlamanız bir şekilde zor olabilir, ancak endişelenmeyin!
Bu gönderi, “ Bu ” anahtar kelimesi ve JavaScript'teki kullanımı.
JavaScript'te 'bu' nedir?
“ Bu ”, mevcut kod bloğunu yürüten bir nesneye atıfta bulunan JavaScript'teki anahtar kelimedir. Geçerli işlevi çağıran bir nesneyi temsil eder. Birden çok senaryoda farklı şekillerde kullanılır, örneğin:
-
- yöntemde
- Olay işlemede
- fonksiyonlarda
Bahsedilen kullanımların her birini tek tek kontrol edelim!
JavaScript Yöntemlerinde “bu” Nasıl Kullanılır?
“ Bu ” JavaScript yöntemlerinde örtük bir bağlama olarak kullanılır. Bir nesne ve bir nokta yardımıyla işlev çağrıldığında, örtük bağlama olarak kabul edilir ve “ Bu ”, işlev çağrısı sırasında nesneyi gösterir.
Örnek
İlk önce bazı özellikleri ve metodu olan bir nesne oluşturacağız ve ardından “ Bu ” anahtar sözcüğü nesnenin özelliklerinin değerlerini almak için:
var personInfo = {
isim: 'John' ,
yaş : yirmi ,
bilgi: işlev ( ) {
konsol.log ( 'Hey! Ben' + this.name + ' ve ben ' + this.age + ' yaşında' ) ;
}
}
Ardından, “ bilgi() ” yöntemi ile birlikte nesne adı:
Geçerli nesnenin belirtilen özellik değerlerinin başarıyla görüntülendiği görülebilir:
kullanmak istiyorsanız ' Bu ” olay işlemede aşağıdaki bölümü takip edin.
JavaScript Olay İşleme'de “bu” Nasıl Kullanılır?
Bu örnekte, “kullanımını kontrol edin. Bu ” olay işlemede anahtar kelime. Bunun için tek tıkla butonumuzu gizleyeceğimiz bir örnek düşünelim. Bunu yapmak için bir düğme oluşturun ve bir “ tıklamada() ” ile style.display özelliğine erişmek için onunla olay Bu ” tıklandığında düğmeyi gizleyecek anahtar kelime:
< h3 > Düğmeyi Gizlemek İçin Tıklayın h3 >< buton tıklamada = 'this.style.display='hiçbiri'' > Buraya tıklayın ! buton >
Çıktı
'' kullanımı konusunda kafanız karıştıysa, Bu JavaScript'te kullanıcı tanımlı işlevlerde ” anahtar sözcüğü, verilen bölümü takip edin.
JavaScript İşlevlerinde “bu” Nasıl Kullanılır?
Kullanırken ' Bu ” işlevlerinde, JavaScript'te aşağıdakiler dahil olmak üzere üç tür bağlama vardır:
-
- Varsayılan bağlama
- örtük bağlama
- açık bağlama
Onları ayrı ayrı anlayalım!
Örnek 1: Varsayılan Bağlamada bu anahtar kelimenin kullanımı
Varsayılan bağlamada, “ Bu ” anahtar kelimesi global bir nesne gibi davranır. Çoğunlukla bağımsız işlevlerde kullanılır.
Belirtilen kavramı bir örnekle anlayalım.
İlk önce bir değişken oluşturacağız” x ” ve ona “değerini atayın” on beş ”:
var x = on beş ;
Ardından, “ adlı bir işlev tanımlayın. işlevDB() ” ve işlev tanımı, aynı ada sahip bir değişken oluşturun” x ” ve ona bir değer atayın” 5 ”, ardından değerini “ kullanarak yazdırın. konsol.log() ” yöntemi ile Bu ” anahtar kelime:
var x = 5 ;
konsol.log ( Bu x ) ;
}
Son olarak, ' işlevDB() ' işlev:
“kullanımı nedeniyle Bu ” anahtar sözcüğü, çıktı, “ değerini görüntüler. x ' olarak ' on beş ” çünkü global bir nesne gibi davranır ve sürece “” denir. Dinamik Bağlama ”:
Örnek 2: Bu anahtar kelimenin Örtülü Bağlamada kullanımı
İşlev, bir nesne veya nokta sembolü tarafından çağrıldığında, ' Bu ” anahtar kelimesi örtük bir bağlama görevi görür. İşlev çağrısı sırasında nesneyi gösterir.
Bu örnekte, bir fonksiyon tanımlayacağız “ bilgi() ” ve “ Bu ” işlev tanımındaki anahtar kelime:
işlev bilgi ( ) {konsol.log ( 'Hey! Ben' + this.name + ' ve ben ' + this.age + ' yaşında' )
}
Ardından, “ adlı bir nesne oluşturun. kişiBilgi ” tanımlı özelliklerle:
isim: 'John' ,
yaş : yirmi ,
bilgi: bilgi
}
Şimdi, nesne boyunca işlevi çağırın:
Çıktı
Örnek 3: Açık Bağlamada bu anahtar kelimenin kullanımı
Açık bağlama aynı zamanda “ sert bağlama 'çünkü işlev, ' için belirli bir nesneyi kullanmak üzere zorla çağrıldı. Bu ” nesneye bir özellik işlevi referansı koymadan bağlama. Bunun için call(), application() ve bind() yöntemleri kullanılabilir.
Şimdi “ adlı aynı işlevi kullanacağız. bilgi() ” önceki örnekte tanımlanmıştır. Ardından, “ adlı bir nesne oluşturun. kişiBilgi ” aşağıdaki değerlerle:
var personInfo = {isim: 'John' ,
yaş : yirmi
}
“ adlı işlevi çağırmak için bilgi() ”, kullanacağız” aramak() ” yöntemini seçin ve oluşturulan nesneyi argüman olarak iletin:
info() nesnenin bir parçası olmadığından, yine de ona açıkça eriştik:
Bir işlevi açıkça çağırmak için application() ve bind() yöntemlerini de kullanabilirsiniz. Apply() yöntemi call() yöntemiyle aynıdır, bind() yöntemi ise orijinal işlevle aynı şekilde davranan aynı gövde ve kapsamda yeni bir işlev oluşturur. bind() yöntemi, daha sonra kullanabileceğiniz bir işlevi döndürmek için kullanılabilir.
Apply() yöntemiyle info()'yu çağırmak için aşağıdaki ifadeyi kullanın:
bilgi.uygula ( kişiBilgi ) ;
call() yönteminin verdiği çıktının aynısını verir:
Arama için ' bilgi() ' ile ' bağ() ” yöntemi, verilen ifadeyi kullanın:
Çıktı
“ ile ilgili tüm gerekli bilgileri derledik. Bu ” anahtar kelimesi.
Çözüm
“ Bu ”, mevcut kod bloğunu yürüten bir nesneye atıfta bulunan JavaScript'teki anahtar kelimedir. Geçerli işlevi çağıran nesneyi temsil eder. Yöntemler, olay işleme ve işlevler dahil olmak üzere birden çok senaryoda farklı şekillerde kullanılır. Bu yazımızda, “ Bu JavaScript'te anahtar kelime.