JavaScript Yöntemleri ve bu Anahtar Kelime (Örneklerle)

Bu eğitimde, örnekler yardımıyla JavaScript nesne yöntemlerini ve bu anahtar kelimeyi öğreneceksiniz.

JavaScript'te nesneler ayrıca işlevler içerebilir. Örneğin,

 // object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );

Yukarıdaki örnekte, bir personnesnenin sırasıyla bir dize değerine ve bir işlev değerine sahip iki anahtarı ( nameve greet) vardır.

Bu nedenle, temelde JavaScript yöntemi , bir işlev değeri olan bir nesne özelliğidir.

Nesne Yöntemlerine Erişim

Nokta notasyonu kullanarak bir nesne yöntemine erişebilirsiniz. Sözdizimi şöyledir:

 objectName.methodKey()

Özelliğe , bir objectName ve bir anahtar çağırarak erişebilirsiniz . Bir yönteme, bir nesneAdı ve bu yöntem için bir anahtar ile birlikte çağırarak erişebilirsiniz (). Örneğin,

 // accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello

Burada yerine greetyöntem olarak erişilir .person.greet()person.greet

Yönteme yalnızca ile erişmeye çalışırsanız person.greet, size bir işlev tanımı verecektir.

 person.greet; // ƒ () ( console.log('hello'); )

JavaScript Yerleşik Yöntemleri

JavaScript'te birçok yerleşik yöntem vardır. Örneğin,

 let number = '23.32'; let result = parseInt(number); console.log(result); // 23

Burada, parseInt()Number nesnesinin yöntemi, sayısal dize değerini bir tamsayı değerine dönüştürmek için kullanılır.

Yerleşik yöntemler hakkında daha fazla bilgi edinmek için JavaScript Yerleşik Yöntemleri ziyaret edin.

JavaScript Nesnesine Yöntem Ekleme

Ayrıca bir nesneye bir yöntem de ekleyebilirsiniz. Örneğin,

 // creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello

Yukarıdaki örnekte boş bir studentnesne oluşturulmuştur. Daha sonra nameözellik eklenir. Benzer şekilde greetyöntem de eklenir. Bu şekilde, bir nesneye bir yöntem ve özellik ekleyebilirsiniz.

JavaScript this Keyword

Bir nesnenin bir özelliğine aynı nesnenin bir yöntemi içinden erişmek için thisanahtar sözcüğü kullanmanız gerekir . Bir örnek ele alalım.

 const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();

Çıktı

 İsim John

Yukarıdaki örnekte bir personnesne oluşturulmuştur. Özellikler ( nameve age) ve bir yöntem içerir greet.

Yöntemde greet, bir nesnenin bir özelliğine erişilirken, thisanahtar kelime kullanılır.

Bir nesnenin özelliklerine erişmek için thisanahtar kelime .ve ardından ve tuşu kullanılır .

Not : JavaScript'te, thisnesnenin yöntemiyle birlikte kullanıldığında anahtar sözcük nesneyi ifade eder. thisbir nesneye bağlıdır.

Bununla birlikte, bir nesnenin içindeki işlev, değişkenine normal bir işlevde olduğu gibi erişebilir. Örneğin,

 const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();

Çıktı

 Adı John Doe

Ilginç makaleler...