JavaScript物件導向之體會[總結]

來源:互聯網
上載者:User

談JavaScript的物件導向設計有點牽強,畢竟JavaScript語言本身沒有進階語言嚴謹。看這篇文章之前,希望大家瞭解c++、java、c#等進階語言,有物件導向編程的基礎知識。
1.類的定義:
function ClassName(){
}
大家可以發現類的定義形式是和函數是一樣的。
其實函數和類只有在使用的時候才能分辨出來,比如我們在一個頁面中分別使用他們:
<script language="javascript">
function A(){
alert('hello');
}

//A作為函數來使用
A();

//A作為類來使用,從類A派生出一個obj對象
var obj=new A();
</script>

2.類的成員:
function ClassName(){
//定義公有變數
this.property1=0;
//定義公有方法
this.method1=function(){
//判斷this.a是否賦值
if(this.a != undefined)
alert(this.a);
}

//另外一種方法的定義形式
this.method3=funcA;

//定義私人成員
var pram1=1;
var method2=function(){
alert('');
}
}
//funcA是方法method3的處理函數
function funcA(){
alert('');
}
上面的代碼慢慢來給大家解釋:
有this開頭的都是類的成員,而且都是公有(public)的。
比如:property1是類的屬性、method1是類的方法;
類的成員不需要使用var來定義,沒有使用this首碼的都是私人變數。
比如:pram1是私人變數,method2是私人方法;
類的屬性可以不在類中定義,不要初始化的屬性可以不定義,在其他地方仍可以調用;
比如:在method1裡面要輸出a屬性,在整個類裡面就沒有定義a屬性,我們在建立對象的時候可以給它賦值。
var obj=new ClassName()
obj.a="hello javascript";
obj.method1();
類的方法可以通過this.method=function(){}來定義,比如method1方法;
也可以通過this.method=funcName來定義,將方法指定讓某個函數來處理,比如method3;

3.類的繼承:
function classA(){
this.property1='hello';
this.method1=function (){
alert(this.property1);
}
}

function classB(){
}
//繼承classA
classB.prototype=new classA();

//給classB添加PI屬性
classB.prototype.PI=3.1415926;
//給classB添加showPI方法
classB.prototype.showPI=function(){
alert(this.PI);
}
通過使用prototype對象,將類classA的執行個體賦值給prototype對象,從而classB繼承了classA的所有成員;
比如:classB.prototype=new classA();
同時也可以通過prototype在類外給類從新新增成員(這個是別的進階語言所沒有的功能);
比如:classB.prototype.PI和classB.prototype.showPI

4.類方法的重載:
類方法的重載在類的建構函式中使用的比較多,比如:類中有兩個同名的方法而不同參數或不同參數類型。JavaScript從形式上來說不支援類方法重載,我們可以通過它的arguments屬性來完成對類方法的重載:
function classA(){
//擷取參數個數
//注意this.arguments.length是錯誤的
var num=classA.arguments.length;

this.method1=function(){
if(num==0){
alert(0);
}
if(num==1){
alert(1);
}
}
}
類或函數名的arguments屬性返回一個數組包含所有參數;
比如:classA.arguments.length可以擷取參數的個數,classA.arguments[0]擷取第一個參數的值
根據需要,通過擷取參數個數或參數值,從而同一個函數或類具有了不同的功能,比如:
var obj= new classA();
obj.method1();//輸出了0
var obj1= new classA(5);
obj1.method1();//輸出了1

5.對象的定義:
//對象是類的執行個體,定義一個類,作為一個對象的模板
function A(){
this.a=1;
this.b=2;
this.add=function(){
return this.a+this.b;
}
}
//定義一個對象
var obj=new A();
//賦值類屬性
obj.a=5;
obj.b=6;
//調用類方法
var sum=obj.add();

另外一種定義方法:
var obj={
a:1,
b:2,
add:function(){
return this.a + this.b;
}
}

這種方法定義的對象,把其類的結構也一起定義了,適合只使用一次的類
定義屬性和方法的時候不需要使用this關鍵字,":"後直接賦值即可
但是方法中使用屬性,需要使用this關鍵字

本文只是本人個人的經驗和理解,估計我寫的和一些書上有些不一樣,相信看了之後一定能很快理解。此文章只起到拋磚引玉之作用,具體的項目需求還要具體對待。涉及所有例子均親自調試無誤,如有錯誤請指正。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.