国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

簡單的例子把OO的JavaScript說明白

2019-11-17 06:05:43
字體:
來源:轉載
供稿:網友
  OO的javascript并不高深,麻煩就麻煩在Google出來的國人介紹文章經常羅羅嗦嗦,而且之間的說法還各有不同,擺在一起就讓人看了頭大。
  這里重拾簡單主義,以一個最簡單的例子把OO Javascript說明白。

1.一個頗為精簡的例子

  只需理解三個要害字:

  第一個是function ,JS世界里Class的定義用"function",function里面的內容就是構造函數的內容。

  第二個是this指針,代表調用這個函數的對象。

  第三個是PRototype,用它來定義成員函數, 比較規范和保險。

//定義Circle類,擁有成員變量r,常量PI和計算面積的成員函數area()
function Circle(radius)
{
this.r = radius;
}
Circle.PI = 3.14159;Circle.prototype.area = function( ) {return Circle.PI * this.r * this.r;}


//使用Circle類var
c = new Circle(1.0);
alert(c.area());



  另外成員函數定義還可以寫成這樣:

function compute_area(){return Circle.PI * this.r * this.r;}Circle.prototype.area=compute_area;



2.繼續

注重兩點

  1.定義繼續關系 ChildCircle.prototype=new Circle(0); 其中0是占位用的
  2.調用父類的構造函數
this.base=Circle;
this.base(radius);

//定義ChildCircle子類
function ChildCircle(radius)
{
this.base=Circle;
this.base(radius);
}
ChildCircle.prototype=new Circle(0);
function Circle_max(a,b)
{
if (a.r > b.r) return a;
else return b;
}
ChildCircle.max = Circle_max;



//使用ChildCircle子類
var c = new ChildCircle(1);
var d = new ChildCircle(2);
var bigger = d.max(c,d);
alert(bigger.area());



3.var式定義
  JS還支持一種var Circle={raidus:1.0,PI:3.1415}的形式,語法就如CSS的定義。
  因此假如Circle只有一個實例,下面的定義方式更簡潔:

var newCircle=
{
r:1.0,
PI:3.1415,
area: function(){ return this.PI * this.r * this.r;}
};
alert(newCircle.area());


進入討論組討論。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 甘德县| 绥江县| 淮阳县| 军事| 龙门县| 镇安县| 比如县| 民和| 崇文区| 衢州市| 平顶山市| 疏勒县| 河北区| 安溪县| 巴彦淖尔市| 东乡族自治县| 尉氏县| 金湖县| 辉南县| 堆龙德庆县| 安泽县| 霍邱县| 左贡县| 鸡泽县| 平远县| 仁怀市| 大埔区| 望谟县| 潼南县| 茌平县| 崇明县| 山东| 四川省| 怀化市| 通城县| 兴文县| 天全县| 通城县| 庆元县| 灯塔市| 马关县|