Rumah  >  Artikel  >  hujung hadapan web  >  Javascript hanya melaksanakan pengaturcaraan berorientasikan objek dan mewarisi kemahiran code_javascript contoh

Javascript hanya melaksanakan pengaturcaraan berorientasikan objek dan mewarisi kemahiran code_javascript contoh

WBOY
WBOYasal
2016-05-16 15:29:24925semak imbas

Artikel ini menerangkan pelaksanaan mudah kod contoh warisan pengaturcaraan berorientasikan objek dalam Javascript. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Bahasa berorientasikan objek mesti mempunyai empat ciri asas:

1. Keupayaan pengekapsulan (iaitu, membenarkan pembolehubah atau fungsi jenis data asas dimasukkan ke dalam kelas untuk membentuk ahli atau kaedah kelas)
2. Keupayaan pengagregatan (iaitu, membenarkan kelas mengandungi kelas, supaya reka bentuk yang cukup kompleks boleh dikendalikan)
3. Sokongan warisan (kelas induk boleh memperoleh subkelas dan subkelas mempunyai atribut atau kaedah ibu bapa)
4. Sokongan polimorfisme (membenarkan nama kaedah yang sama mempunyai kaedah pemprosesan bebas bergantung pada tandatangan kaedah [iaitu, parameter fungsi])

Javascript boleh menyokong empat atribut asas ini, jadi JavaScript sememangnya bahasa berorientasikan objek yang ditaip lemah Berikut ialah kod warisan kelas yang ringkas

<script type="text/javascript">
//父类ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子类ClassB,继承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给ClassB,即实现了继承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//这里sayColor方法是从ClassA继承来的
oClassB.sayName();//这是ClassB中的新方法
/*
call函数的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan:
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