{"id":2953,"date":"2024-11-04T17:45:10","date_gmt":"2024-11-04T14:45:10","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascript-nesne-metotlari-orneklerle-anlatim\/"},"modified":"2024-11-04T17:45:10","modified_gmt":"2024-11-04T14:45:10","slug":"javascript-nesne-metotlari-orneklerle-anlatim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascript-nesne-metotlari-orneklerle-anlatim\/","title":{"rendered":"JavaScript Nesne Metotlar\u0131: \u00d6rneklerle Anlat\u0131m"},"content":{"rendered":"

JavaScript Nesne Metotlar\u0131: \u00d6rneklerle Anlat\u0131m<\/p>\n

Merhaba, web geli\u015ftirme merakl\u0131lar\u0131! Bug\u00fcn, JavaScript’te nesne metodlar\u0131n\u0131n nas\u0131l kullan\u0131laca\u011f\u0131na dair derinlemesine bir rehber sunaca\u011f\u0131m. Nesne metodlar\u0131, JavaScript nesnelerine davran\u0131\u015f eklemek ve onlar\u0131 daha g\u00fc\u00e7l\u00fc ve esnek hale getirmek i\u00e7in olmazsa olmaz ara\u00e7lard\u0131r. Bu yaz\u0131da, temel kavramlardan ba\u015flayarak \u00f6rneklerle ad\u0131m ad\u0131m ilerleyece\u011fiz. Haz\u0131rsan\u0131z, JavaScript d\u00fcnyas\u0131na dalmaya ba\u015flayal\u0131m!<\/p>\n

Nesne Metotlar\u0131: Tan\u0131m ve Temel Kavramlar<\/h2>\n

JavaScript’te bir nesne, \u00f6zellikleri ve metotlar\u0131 bir araya getiren bir yap\u0131d\u0131r. \u00d6zellikler, nesnenin verilerini temsil ederken, metotlar nesne \u00fczerinde ger\u00e7ekle\u015ftirilebilen eylemlerdir. Bir nesne metodu, temelde bir fonksiyon olarak kabul edilebilir, ancak bu fonksiyon belirli bir nesne ile ili\u015fkilidir. <\/p>\n

\u00d6rne\u011fin, bir araba nesnesinin \u00f6zellikleri h\u0131z, renk ve marka olabilirken, metotlar\u0131 ise “gaz ver”, “fren yap” veya “direksiyonu \u00e7evir” olabilir. <\/p>\n

\u00d6rnek 1: Bir \u00d6\u011frenci Nesnesi<\/h2>\n

\u00d6rnek olarak, bir \u00f6\u011frenci nesnesi olu\u015ftural\u0131m:<\/p>\n

“`javascript
\nconst student = {
\n name: “Fatih Soysal”,
\n age: 25,
\n major: “Bilgisayar M\u00fchendisli\u011fi”,
\n getFullName: function() {
\n return this.name;
\n },
\n changeMajor: function(newMajor) {
\n this.major = newMajor;
\n }
\n};<\/p>\n

console.log(student.getFullName()); \/\/ “Fatih Soysal” \u00e7\u0131kt\u0131s\u0131n\u0131 verir
\nstudent.changeMajor(“Yapay Zeka”);
\nconsole.log(student.major); \/\/ “Yapay Zeka” \u00e7\u0131kt\u0131s\u0131n\u0131 verir
\n“`<\/p>\n

Bu \u00f6rnekte, `student` nesnesi `name`, `age` ve `major` \u00f6zellikleriyle birlikte `getFullName` ve `changeMajor` metotlar\u0131n\u0131 i\u00e7erir. `getFullName` metodu, \u00f6\u011frencinin ad\u0131n\u0131 d\u00f6nd\u00fcr\u00fcrken, `changeMajor` metodu \u00f6\u011frencinin b\u00f6l\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n

`this` Anahtar Kelimesi<\/h2>\n

`this` anahtar kelimesi, metotlar\u0131n i\u00e7inden \u00e7a\u011fr\u0131ld\u0131\u011f\u0131 nesneyi temsil eder. Yukar\u0131daki \u00f6rnekte, `getFullName` metodunda `this.name` ile \u00f6\u011frencinin ad\u0131na eri\u015febiliyoruz. `this` anahtar kelimesi, nesne metodlar\u0131n\u0131n temel bir \u00f6zelli\u011fidir ve nesnenin \u00f6zelliklerine eri\u015fmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n

Nesne Metotlar\u0131 ve Fonksiyonlar Aras\u0131ndaki Farklar<\/h2>\n

Nesne metotlar\u0131, normal JavaScript fonksiyonlar\u0131na benzer, ancak \u00f6nemli bir fark vard\u0131r: <\/p>\n