JavaScript是一門非常強大的基於物件(Object Based)的語言,但是對物件導向(Object Oriented)的支援還存在一些不足,同時JavaScript內建的類別庫也比較簡單,甚至缺乏一切很常用的功能。 ASP.NET Atlas在執行時擴展了JavaScript,大大增強了它的物件導向支援能力,並擴展了一些開發時常用的操作。
我參考了一下Atlas.js文件,總結出Atlas對JavaScript有以下擴充。某些地方有所遺漏或錯誤,也請各位包涵並指正。
String物件的擴充
1、String String.ltrim()
移除原String開頭部分所有的空格,並傳回一個新String物件。
2、String String.rtrim()
移除原String結尾部分所有的空格,並傳回一個新String物件。
3、String String.trim()
移除原String開頭和結尾部分所有的空格,並傳回一個新String物件。
4、Boolean String.endsWidth(strEnd)
該String是否以傳入的String結束。
5、Boolean String.startsWith(strStart)
該String是否以傳入的String開始。
6、String String.format(args1,args2,.)
類似於C#中的String.Format(),被操作的String中的{n}將被取代為對應的第n個參數,並傳回一個新String物件。
7、String String.removeSpaces()
移除原String中的所有空格,並傳回一個新String物件。
8、String String.removeExtraSpaces()
將原String中連續的空格置換成單一的空格(包括回車),並傳回一個新String物件。
9、String String.removeSpaceDelimitedString(str)
將原String中的指定單字(被空格分開的文字片段)移除,並傳回一個新String物件。這個方法可以用在刪除包含多個class名稱DOM元素的某個class名稱時候。
Array物件的擴展
1、void Array.queue(objValue)與void Array.add(objValue)
將指定的objValue插入到該Array的末端。
2、void Array.addRange(rangeArray)
將指定的rangeArray加入該Array的尾部。
3、Boolean Array.contains(objValue)與Boolean Array.exists(objValue)
返回布林值,代表該Array是否包含objValue項目。
4、Array Array.clone()
傳回該Array的一個淺拷貝副本。
5、void Array.insert(index, objValue)
將指定的objValue插入到該Array的index位置。
6、Object Array.dequeue()
移除並傳回該Array中的第一個條目。
7、Object Array.removeAt(index)
移除並傳回該Array中指定的index的條目。
8、Boolean Array.remove(objValue)
移除該Array中指定的objValue條目,返回布林值代表該條目是否存在並被成功移除。
9、Array Array.parse(string)
將傳入的以string表示的Array解析成Array。
10、void Array.clear()
清空該Array中的所有條目。
11、Integer Array.get_length()
傳回該Array的條目數,等同於Array.length。
12、Object Array.getItem(index)
傳回該Array中指定index的條目。
Date物件的擴充
1、String Date.toFormattedString(stringFormat)
依照輸入的stringFormat格式化並輸出該Date物件(format string太多了…懶得寫了,需要的直接看Atlas.js中748-871行好了)。
Number物件的擴充
1、Number Number.parse(string)
試著解析傳入的stirng為Number。
2、String Number.toFormattedString(stringFormat)
依照輸入的stringFormat格式化並輸出該Number物件(format string還是太多了…懶得寫了,需要的直接看Atlas.js中935-1024行)。
Sys.StringBuilder類別
類似C#中的StringBuilder:
var sb = new Sys.StringBuilder();
sb.append("<div>");
sb.appendLine("a line of text");
sb.append("</div>");
someDOMElem.innerHTML = sb.toString();物件
導向的支援
定義可以被繼承的基底類別
BaseClass = function()
{
// object
}
BaseClass.registerClass("BaseClass");
繼承類別
DerivedClass = function()
{
// Call base constructors
// The 2nd argument is an array you can use to pass arguments
DerivedClass.intializeBase(this,arguments);
}
DerivedClass.registerClass("DerivedClass","BaseClass");
多重繼承
MultipleInherit= function()
{
MultipleInherit.intializeBase(this,arguments); // bootstrap
// object
}
MultipleInherit.registerClass("MultipleInherit",["BaseClass", "DerivedClass"]);
定義可被覆寫(override)的方法
BaseClass = function()
{
// object
this.initialize = function()
{}
BaseClass.registerBaseMethod(this,"initialize");
}
BaseClass.registerClass("BaseClass");
呼叫基底類別被覆寫的方法
DerivedClass = function()
{
DerivedClass.initializeBase(this,arguments); // bootstrap
this.initialize = function()
{
DerivedClass.getBaseMethod(this,"BaseClass","initialize").call(this);
// To pass arguments to base class:
// .call(this,args1,args2,args3)
}
}
DerivedClass.registerClass("DerivedClass",["Atlas.Bindings.Base","BaseClass"]);
名稱空間
registerNamespace("Web.Utility");
// Implement Web Utility
registerNamespace("Web.Performance");
// Implement Performance
定義Enum型別
var theEnum = Type.createEnum("name1","name2");
for (var strItems in theEnum.getValues())
{}
定義Flag類型
var theFlags = Type.createFlags("name1",value1,"name2",value2,);