Javascript Notları #5 - Objeler, Obje Oluşturma 및 Kullanma(객체, 생성 및 사용)

Merhabalar, bu yazımızda ise obje oluşturmaya ve örneklerine bakacağız. 하디 바스라얄림 :)

Objeler, içerisinde birden farklı veri türünü içeren, yazılımcı tarafından oluşturulan daha komplike veri türleridir.
İçerisinde farklı veri türleri tutabildiği gibi, farklı objeleri de tutabilmektedir.

오브제 올루슈투르마

기본 개체는 다음과 같습니다.

<script>
    var customer = {
        name: "Turan",
        number: 353535,
        prog_lang: ["C","C#","Python","Java","Javascript"]
    }
</script>

Oluşturulmuş olan bu obje içerisinde 3 farklı veri tipi (string, int, array) bulundurmakta.
Bu değişkenlere ise aşağıda gösterilen şekilde ulaşılmaktadır:

<script>
    console.log(customer.name);
    console.log(customer.number);
    console.log(customer.prog_lang);
</script>

Bu komutları çıktısı aşağıdaki gibidir:

İç İçe Obje Oluşturma(중첩된 개체)

Obje içerisinde obje oluşturulabilir. Buna bir örnek verelim:

<script>
    var customer = {
        name: "Turan",
        number: 353535,
        prog_lang: ["C","C#","Python","Java","Javascript"],
        personal : {
            age: 22,
            gender: "male",
            height: "180 cm",
            weight: "70 kg"
        }
    }
</script>

Bu iç içe oluşturulmuş objenin nesnelerine aşağıdaki örnekte gösterildiği gibi ulaşılır:

<script>
    console.log(customer.personal.age);
    console.log(customer.personal.gender);
    console.log(customer.personal.height + " " + customer.personal.weight);
</script>

Bu komutların çıktısı aşağıda verilmiştir:

Obje İçerisinde Fonksiyon Oluşturma

Obje içerisinde fonksiyon oluşturma ve çağırmaya aşağıda örnek verilmiştir. Burada "This"anahtar sözcüğü devreye girmektedir. Bu 키워드 개체 içerisindeki değişkenin kullanılması gerektiğini belirtir.

<script>
    var customer = {
        name: "Turan",
        surname: "Blade",
        number: 353535,
        customerInfo : function(){
            return "Name: " + this.name + " Surname: " + this.surname;
        }
    }

    console.log(customer.customerInfo());


</script>

Ve 출력 ise:

Obje Oluşturmanın Bir Farklı Yöntemi

Objeler, az önce gosterilen gibi oluşturulabildikleri gibi farklı bir şekilde de oluşturulmaktadır. Aşağıda bunun örneği bulunmaktadır:

<script>
    var customer = new Object();

    customer.name = "Turan";
    customer.surname = "Blade";
    customer.customerInfo = function() {
        return "Name: " + this.name + " Surname: " + this.surname;
    }
</script>

Obje oluşturma görüldüğü üzere 2 farklı şekilde yapılabiliyor.

야피시 메토틀라

Peki oluşturulan objelerin içerdikleri değişkenlere değer atama her zaman manuel mi yapılıyor ? Tabiki hayır. Bu işlemi bizler için gerçekleştiren "Constructor Method"(Yapıcı Metot) denilen bir kavram bulunmakta. Bu metot sayesinde birçok obje oluşturulabilir ve oluşturulan bu objelere değer ataması yapılabilir.

Yani tek bir fonksiyon ile birçok obje oluşturulur ve otomatik değer ataması yapılır.

예를 들면 다음과 같습니다.

<script>
   function Employee(name,surname,number){ // yapıcı metot
       this.name = name;
       this.surname = surname;
       this.number = number;
       this.showInfo = function() { // metot içerisinde fonksiyon
           return "Name: " + this.name + "\nSurname: " + this.surname 
           + "\nNumber: " + this.number;
       }
   }

   var employee1 = new Employee("Turan","Blade",454535); // yeni obje oluşturulması
   var employee2 = new Employee("Hebele","Hübele",324353); // başka bir obje oluşturulması
</script>

다음은 "showInfo()"를 추가하는 방법입니다.

<script>
   console.log(employee1.showInfo());
   console.log(employee2.showInfo());
</script>

출력 aşağıdaki gibidir: