Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

JavaScript benda JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp benda

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

Obyek JavaScript

Semua hal adalah objek JavaScript: string, angka, array, fungsi ...

Selain itu, JavaScript memungkinkan objek kustom.


Semuanya adalah obyek

JavaScript menyediakan beberapa built-in objek, seperti String, Tanggal, Array, dan sebagainya. Hanya dengan tipe data properti obyek khusus dan metode.

  • Boolean dapat menjadi obyek.
  • Jenis numerik dapat menjadi obyek.
  • String juga dapat menjadi obyek
  • Tanggal adalah obyek
  • Matematika dan ekspresi reguler adalah obyek
  • Array adalah obyek
  • Bahkan fungsi objek mungkin

Obyek JavaScript

Objek hanya jenis khusus dari data. Benda memiliki sifat dan metode.


benda akses properti

Properti adalah nilai yang terkait dengan objek.

Akses sintaks atribut objek adalah:

objectName.propertyName

Contoh ini menggunakan properti panjang dari objek String untuk mendapatkan panjang string:

var message="Hello World!";
var x=message.length;

Setelah kode di atas dijalankan, nilai x akan:

12


Objek Metode Akses

Metode ini adalah sebuah operasi yang dapat dilakukan pada objek.

Anda dapat memanggil metode menggunakan sintaks berikut:

objectName.methodName()

Contoh ini menggunakan metode toUpperCase String objek () untuk mengubah teks menjadi huruf besar:

var message="Hello world!";
var x=message.toUpperCase();

Setelah kode di atas dijalankan, nilai x akan:

HELLO WORLD!


Buat objek JavaScript

Melalui JavaScript, Anda dapat menentukan dan membuat objek sendiri.

Membuat objek baru dalam dua cara yang berbeda:

  • Mendefinisikan dan membuat sebuah instance dari sebuah objek
  • Gunakan fungsi untuk mendefinisikan objek, dan kemudian membuat contoh objek baru

Membuat contoh langsung

Contoh ini menciptakan sebuah contoh baru dari objek dan menambahkan empat sifat:

contoh

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Coba »

sintaks alternatif (menggunakan literal objek):

contoh

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Coba »


Menggunakan objek konstruktor

Contoh ini menggunakan fungsi untuk membangun objek:

contoh

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Coba »

Dalam JavaScript, ini biasanya menunjuk ke fungsi yang kita mengeksekusi sendiri, atau benda yang menunjuk ke fungsi milik (run-time)


Buat JavaScript contoh objek

Setelah Anda memiliki objek konstruktor, Anda dapat membuat contoh baru dari objek, seperti ini:

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


Properti untuk objek JavaScript

Anda dapat menetapkan suatu objek, menambahkan atribut baru ke objek yang ada:

Misalkan personObj sudah ada - yang dapat Anda tambahkan atribut baru: Nama depan, nama belakang, usia dan eyecolor:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T dalam kode di atas dijalankan, nilai x akan:

John


Metode untuk menambahkan objek untuk JavaScript

Metode ini hanya melekat fungsi objek.

Dalam metode fungsi constructor dalam definisi obyek:

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() Nilai dari nama fungsi dari orang yang ditugaskan untuk changeName properti nama belakang.

Sekarang Anda dapat mencoba:

myMother.changeName("Doe");

Coba »

kelas JavaScript

JavaScript adalah bahasa berorientasi objek, tetapi JavaScript tidak menggunakan kelas.

Dalam JavaScript, kelas tidak diciptakan, juga untuk membuat sebuah objek (seperti dalam bahasa berorientasi objek lainnya) melalui kelas.

prototipe berbasis JavaScript, bukan berbasis kelas.


JavaScript untuk ... dalam lingkaran

JavaScript untuk ... dalam pernyataan untuk loop melalui properti objek.

tatabahasa

for (variable in object)
{
	执行的代码……
}

Catatan: untuk ... dalam lingkaran blok kode akan dijalankan sekali untuk setiap properti.

contoh

Loop melalui sifat-sifat suatu objek:

contoh

var orang = {fname: "John", lname: "Doe", umur: 25};

untuk (x secara pribadi)
{
txt = txt + orang [x];
}

Coba »