masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > JavaScript 使用简略语法创建对象的代码_js面向对象

JavaScript 使用简略语法创建对象的代码_js面向对象

WBOY

Lepaskan： 2016-05-16 18:35:58

asal

1110 orang telah melayarinya

<title>JavaScript 使用简略语法创建对象</title> 
<script type="text/javascript"> 
window.onload = function(){ 
AppendMembersToObject(); 
SimpleSyntaxToCreateObject(); 
}

function AppendMembersToObject() 
{ 
var testName = "AppendMembersToObject"; 
WriteStart(testName);

// 创建一个对象 
var person = new Object(); 
// 给对象添加属性（public） 
person.Name = "lipei"; 
person.Sex = "boy"; 
person.Age = "24"; 
// 给对象添加方法（public） 
person.toString = function(){ 
//此处用person或this都可以，此时this指代person对象。 
return str = "Name:" + this.Name + ",Sex:" + this.Sex + ",Age:" + this.Age; 
} 
WriteLine("person.Name : " + person.Name); 
WriteLine("person.toString() : " + person.toString());

WriteEnd();

/* 
根据结果可知：JavaScript 中可在对象创建后，为对象添加成员（属性、方法等）。 
*/ 
}

function SimpleSyntaxToCreateObject() 
{ 
var testName = "SimpleSyntaxToCreateObject"; 
WriteStart(testName);

// 使用简略语法创建对象 
var computer = { 
Cpu : "酷睿2P系列", 
MainBoard : "华硕ER", 
Keyboard : "双飞燕", 
toString : function(){ 
return str = "Cpu:" + this.Cpu + ",MainBoard:" + this.MainBoard + ",Keyboard:" + this.Keyboard; 
} 
}; 
WriteLine("computer.MainBoard : " + computer.MainBoard); 
WriteLine("computer.toString() : " + computer.toString());

WriteEnd(testName);

/* 
根据结果可知：JavaScript简略语法可只能识别变量冒号后的类型，并据此定义变量的类型。 
*/ 
}

/*************************Test Tools**************************/ 
function WriteLine(str) 
{ 
document.write(str + "<br>"); 
}

function WriteStart(str) 
{ 
WriteLine("TEST : " + str + "<br>"); 
}

function WriteEnd() 
{ 
WriteLine("<br><hr/>"); 
} 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Label berkaitan：

js Cipta objek

sumber：php.cn

Artikel sebelumnya：JQuery 1.4 中的Ajax问题_jquery Artikel seterusnya：用JS写的一个TableView控件代码_javascript技巧

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...

daripada 2024-04-06 19:54:23

0

1

444

Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...

daripada 2024-04-06 18:16:26

0

1

403

Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...

daripada 2024-04-06 15:49:33

0

1

319

Patutkah kita menggunakan SSG untuk menggunakan papan pemuka yang dibuat dengan Nuxt.js? Kami akan membangunkan papan pemuka untuk kegunaan dalaman menggunakan Nuxt.js. Memandangk...

daripada 2024-04-06 13:17:44

0

1

493

Elektron mendapat AppData pada pramuat Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunct...

daripada 2024-04-06 11:05:31

0

1

417

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan