怎么用oop的方法設計js腳本

這篇文章給大家分享的是有關怎么用oop的方法設計js腳本的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

基本概念：

jscript 是一種解釋型的、基于對象的腳本語言。不能使用該語言來編寫獨立運行的應用程序，只能在某個解釋器或“宿主”上運行，如 Active Server Pages（ASP）、Inte.NET 瀏覽器或者 windows 腳本宿主。

JScript 是一種寬松類型的語言，JScript 將根據需要自動進行轉換。

Jscript 支持四種類型的對象：SCOnintrinsicobjects.htm">內置對象、生成的對象、宿主給出的對象（如 Internet 瀏覽器中的 window 和 document）以及 ActiveX 對象（外部組件）。

內置對象：ActiveXObject、Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp以及String對象；還有Error、arguments、Enumerator、正則表達式對象、VBArray、Dictionary、FileSystemObject、TextSream對象的說法，由于后者要求js版本比較高，而且不常用到，所以此處不作解釋。

a)  *ActiveXObject：啟用并返回 Automation對象的引用。

þ  屬性：無；

þ  方法：無；

þ  例子：var outXml=new ActiveXObject("Microsoft.XMLdom");

b)  Array：提供對創建任何數據類型的數組的支持。

þ  屬性：constructor，length，prototype；

þ  方法：concat，join，reverse，slice，sort，toLocaleString，toString，valueOf；

þ  例子：

var my_array = new Array();

for (i = 0; i < 10; i++){

my_array[i] = i;

}

x = my_array[4];

c)  *Boolean：創建新的Boolean值。

&thorn;  屬性：constructor，prototype；

&thorn;  方法：toString，valueOf；

&thorn;  例子：

d)  Date：啟用基本存儲器并取得日期和時間。

&thorn;  屬性：constructor，prototype；

&thorn;  方法：getDate，getDay，getFullYear，getHours，getMilliseconds，getMinutes，getMonth，getSeconds，getTime，getTimezoneOffset，getUTCDate，getUTCDay，getUTCFullYear，getUTCHours，getUTCMilliSeconds，getUTCMinutes，getUTCMonth，getUTCSeconds，getVarDate，getYear，setDate，setFullYear，setHours，setMilliSeconds，setMinutes，setMonth，setSeconds，setTime，setUTCDate，setUTCFullYear，setUTCHours，setUTCMilliseconds，setUTCMinutes，setUTCMonth，setUTCSeconds，setYear，toGMTString，toLocaleString，toUTCString，toString，valueOf；靜態方法（parse，UTC）；

&thorn;  例子：

e)  *Function：創建新的函數。

&thorn;  屬性：arguments，caller，constructor，prototype；

&thorn;  方法：toString，valueOf；

&thorn;  例子：

f)  Global：是一個內部對象，目的是把所有全局方法集中在一個對象中。Global 對象沒有語法。直接調用其方法。

&thorn;  屬性：Infinity，NaN；

&thorn;  方法：escape，eval，isfinite，isNaN，parseFloat，parseInt，unescape；

&thorn;  例子：

g)  *Math：是一個內部對象，提供基本數學函數和常數。

&thorn;  屬性：E，LN2，LN10，LOG2E，LOG10E，PI，SQRT1_2，SQRT2；

&thorn;  方法：靜態方法（abs，acos，asin，atan，atan2，ceil，cos，exp，floor，log，max，min，pow，random，round，sin，sqrt，tan）；

&thorn;  例子：

h)  Number：代表數值數據類型和提供數值常數的對象。

&thorn;  屬性：MAX_VALUE，MIN_VALUE，NaN，NEGATIVE_INFINITY，POSITIVE_INFINITY，constructor，prototype；

&thorn;  方法：toString，valueOf，toLocaleString；

&thorn;  例子：

i)  Object：提供所有JScript對象通用的功能。

&thorn;  屬性：constructor，prototype；

&thorn;  方法：toString，valueOf，toLocaleString；

&thorn;  例子：

j)  RegExp：保存有關正則表達式模式匹配信息的固有全局對象。

&thorn;  屬性：$1...$9，index，input，lastIndex；

&thorn;  方法：無；

&thorn;  例子：

k)  *String：可用于處理或格式化文本字符串以及確定和定位字符串中的子字符串。

&thorn;  屬性：constructor，prototype，length；

&thorn;  方法：anchor，big，blink，bold，charAt，charCodeAt，concat，fixed，fontcolor，fontsize，fromCharCode，indexOf，italics，lastIndexOf，link，match，replace，search，slice，small，split，strike，sub，substr，substring，sup，toLowerCase，toUpperCase，toString，valueOf；；

&thorn;  例子：

注：*為頁面中常用的內置對象。

創建自己的對象：

//----------------------------例子1-----------------------------------------

function Circle (xPoint, yPoint, RADIUS) {

  this.x = xPoint;  // 圓心的 x 坐標。

  this.y = yPoint;  // 圓心的 y 坐標。

  this.r = radius;  // 圓的半徑。

  this.pi=Math.PI;

  Circle.prototype.area=function(){

  return this.pi * this.r * this.r;

  }

}

function window_onload() {

  var aCircle = new Circle(12,12,2);

  alert(aCircle.area());

}

//----------------------------例子2-----------------------------------------

Object.prototype.x=0;

Object.prototype.y=0;

Object.prototype.r=1;

Object.prototype.pi=Math.PI;

Object.prototype.area=function(){

  return this.pi * this.r * this.r;

}

Object.prototype.Create=function(xPoint,yPoint,radius){

  this.x = xPoint;  // 圓心的 x 坐標。

    this.y = yPoint;  // 圓心的 y 坐標。

    this.r = radius;  // 圓的半徑。

}

function window_onload() {

  var aCircle = new Object();

  aCircle.Create(12,12,2);

  alert(aCircle.area());

}

感謝各位的閱讀！關于“怎么用oop的方法設計js腳本”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！