Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial JavaScript

  • Tutorial Belajar JavaScript
  • Pengertian JavaScript
  • Cara Membuat JavaScript Di HTML
  • Output JavaScript
  • Contoh Coding JavaScript
  • Penulisan JavaScript
  • Komentar Pada JavaScript
  • Variabel JavaScript
  • Operator Pada JavaScript
  • Penjumlahan JavaScript
  • Operator Assignment
  • Tipe Data JavaScript
  • Fungsi Pada JavaScript
  • JavaScript Object
  • Event Pada JavaScript
  • JavaScript Text Atau String
  • Berbagai Fungsi Pada String
  • JavaScript Angka Atau Number
  • Berbagai Fungsi Pada Number
  • Array Pada JavaScript
  • Berbagai Fungsi Pada Array
  • Mengurutkan Array
  • Mengambil Nilai Array
  • JavaScript Tanggal
  • Format Date
  • Fungsi Get Pada Date
  • Fungsi Set Pada Date
  • JavaScript Boolean
  • Perbandingan Dengan JavaScript
  • Kondisi Dengan JavaScript
  • Kondisi Dengan Switch
  • Perulangan Pada JavaScript
  • Perulangan While JavaScript
  • JavaScript Break
  • Membuat Fungsi JavaScript
  • Parameter Pada Fungsi
  • Memanggil Fungsi JavaScript
  • Konsep Scope
  • Keyword this Pada JavaScript
  • Class Pada JavaScript
  • Membuat Object JavaScript
  • Properti Pada Object
  • Fungsi Pada Object
  • Mencetak Nilai Object
  • Mengakses Nilai Dalam Object
  • Constructor Pada Object
  • Beranda
  • Tutorial
  • Constructor Pada Object

Constructor Pada Object

Daftar Isi
  • Menambahkan Properti
  • Menambahkan Fungsi
  • Fungsi Pada Constructor

Cara membuat object pada tutorial sebelumnya ada kekurangannya, yaitu kita hanya membuat satu object tanpa template (blue print). Pada tutorial ini kita akan mempelajari membuat object dari template berupa constructor. Cara ini mirip seperti membuat object dari class seperti pada toturial tentang JavaScript Class. Template atau blue print dibuat sekali, satu template bisa membuat beberapa object sekaligus.

Contoh di bawah ini adalah constructor dari object Person. Constructor ini adalah template untuk membuat object person.

function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

Beberapa object person dapat dibuat dari constructor Person. Keyword new berguna untuk membuat object dari constructor. Setiap parameter akan diberikan nilai. Nilai ini akan menjadi nilai properti-properti pada setiap object.

var myFather = new Person("John", "Doe", 50, "blue");
var myMother = new Person("Sally", "Rally", 48, "green");

Menambahkan Properti #

Properti baru dapat ditambahkan pada object yang dibuat dari constructor. Contoh di bawah ini menambahkan properti nationality pada object person dengan nama variable myFather.

myFather.nationality = "English";

Menambahkan Fungsi #

Fungsi baru dapat ditambahkan pada object yang dibuat dari constructor. Contoh di bawah ini menambahkan fungsi name pada object person dengan nama variable myFather.

myFather.name = function () {
  return this.firstName + " " + this.lastName;
};

Fungsi Pada Constructor #

Fungsi dapat ditambahkan pada template constructor. Contoh di bawah ini menambahkan fungsi name pada constructor Person. Fungsi ini dapat dipanggil melalui object yang dibuat menggunakan constructor Person.

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.name = function() {return this.firstName + " " + this.lastName;};
}

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Mengakses Nilai Dalam Object

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Menambahkan Properti
  • Menambahkan Fungsi
  • Fungsi Pada Constructor

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.