javascript經典實例

JavaScript中的常用算法和函數
代碼使用方法：

0001：
判斷一個計算結果是不是無窮大：if(isFinite(999999999*999999999) == true)

isFinite() 函數用於檢查其參數是否是無窮大。
----------------------------------------------------------------------------------------------------
0002：
判斷是不是數字：if(isNaN("Blue") == true)，不是數字則爲true，是數字則爲false。

isNaN() 函數用於檢查其參數是否是非數字值
----------------------------------------------------------------------------------------------------
0003：
數字的進制轉換：
var num = 10;
alert(num.toString()) + "<br>";//十進制
alert(num.toString(2)) + "<br>";//二進制
alert(num.toString(8)) + "<br>";//八進制
alert(num.toString(16)) + "<br>";//十六進制                               

toString() 方法可把一個邏輯值轉換爲字符串，並返回結果
----------------------------------------------------------------------------------------------------
0004：
將字符串類型轉換爲數字類型：注意，parseFloat沒有進制參數可以選擇，都當作十進制處理
var str = "10";
alert(parseInt(str,10));//字符串被當作十進制處理
alert(parseInt(str,2));//字符串被當作二進制處理

parseInt() 函數可解析一個字符串，並返回一個整數。
----------------------------------------------------------------------------------------------------
0005：
強制類型轉換：
var str = "10";
var num = new Number(str);
----------------------------------------------------------------------------------------------------
0006：
Object類的基本屬性和方法：所有類都繼承自Object，因此都有這些屬性和方法。
屬性：
●Constructor：對創建對象的函數的引用。指向構造函數。
●Prototype：對該對象的對象原型的引用。
方法：
●HasOwnProperty(property)：判斷對象是不是有某個屬性。
●IsPrototypeOf(aobject)：判斷該對象是不是另一個對象的原型。
●PrototypeIsEnumerable(protype)：判斷屬性是否可以用for...in語句枚舉。
●ToString()
●ValueOf()
----------------------------------------------------------------------------------------------------
0007：
聲明數組的幾種方法：
var array1 = new Array();
var array2 = new Array("Blue","Red","Black");
var array3 = ["Blue","Red","Black"];
----------------------------------------------------------------------------------------------------
0008：
創建日期類型的方法：var myDate = new Date(Date.parse("2007/1/2"));
----------------------------------------------------------------------------------------------------
0009：
URL的編碼和解碼：
var url = new String("http://www.qpsh.com?name=smartkernel ");
//編碼：將非標準字符全部編碼
var enUrl = encodeURIComponent(url);//encodeURI(url);
//解碼：轉換爲原始形式
var deUrl = decodeURIComponent(enUrl);//decodeURI(enUrl);
----------------------------------------------------------------------------------------------------
0010：
ASP.Net中的編碼和解碼：
string url = "http://www.126.com?name=smartkernel";
string enUrl = this.Server.HtmlEncode(url);
string deUrl = this.Server.HtmlDecode(enUrl);
----------------------------------------------------------------------------------------------------
0011：
靜態方法：JavaScript的靜態函數，就是聲明給構造函數的函數
function Person()
{

}
Person.say = function(msg)
{
alert(msg);
}
Person.say("你好");
----------------------------------------------------------------------------------------------------
0012：
創建一個對象：
function Person(name,age)
{
Person.prototype.Name = name;
Person.prototype.Age = age;
//this.Name = name;
//this.Age = age;
}
Person.prototype.say = function()
{
alert(this.Name + "|" + this.Age);
}

var aPerson = new Person("張三",23);
aPerson.say();
----------------------------------------------------------------------------------------------------
0013：
StringBuilder的創建：
function StringBuilder()
{
this.arrayData = new Array();
}
StringBuilder.prototype.append = function(str)
{
this.arrayData.push(str);
}
StringBuilder.prototype.toString = function()
{
return this.arrayData.join("");
}

var aStringBuilder = new StringBuilder();
aStringBuilder.append("世界");
aStringBuilder.append("你好");

alert(aStringBuilder.toString());
----------------------------------------------------------------------------------------------------
0014：
繼承的實現：
function Person(name)
{
this.Name = name;
this.sayName = function()
{
alert(this.Name);
}
}

function MyPerson(name,age)
{
this.ctorFun = Person;
this.ctorFun(name);
delete this.ctorFun;

this.Age = age;
this.sayAge = function()
{
alert(this.Age);
}

this.say = function()
{
alert(this.Name + "|" + this.Age);
}
}

var aMyPerson = new MyPerson("張三",25);
aMyPerson.sayName();
aMyPerson.sayAge();
aMyPerson.say();
----------------------------------------------------------------------------------------------------
0015：
繼承的實現：
function Person(name)
{
this.Name = name;
this.sayName = function()
{
alert(this.Name);
}
}

function MyPerson(name,age)
{
Person.call(this,name);//或者Person.apply(this,new Array(name));

this.Age = age;
this.sayAge = function()
{
alert(this.Age);
}

this.say = function()
{
alert(this.Name + "|" + this.Age);
}
}

var aMyPerson = new MyPerson("張三",25);
aMyPerson.sayName();
aMyPerson.sayAge();
aMyPerson.say();
----------------------------------------------------------------------------------------------------
0016：
多重繼承：
function Person1(name)
{
this.Name = name;
this.sayName = function()
{
alert(this.Name);
}
}
function Person2(sex)
{
this.Sex = sex;
this.saySex = function()
{
alert(this.sex);
}
}

function MyPerson(name,age,sex)
{
Person1.call(this,name);
Person2.call(this,sex);

this.Age = age;
this.sayAge = function()
{
alert(this.Age);
}

this.say = function()
{
alert(this.Name + "|" + this.Age + "|" + this.Sex);
}
}

var aMyPerson = new MyPerson("張三",25,"男");
aMyPerson.say();
----------------------------------------------------------------------------------------------------
0017：
繼承的實現：原型鏈方式，不支持有參數的構造函數和多重繼承
function Person()
{

}

function MyPerson()
{

}
MyPerson.prototype = new Person();//不能有參數
----------------------------------------------------------------------------------------------------
0018：
合理的繼承機制是混合使用以上的幾種方式：
function Person(name)
{
this.Name = name;
this.sayName = function()
{
alert(this.Name);
}
}

function MyPerson(name,age)
{
Person.call(this,name);//或者Person.apply(this,new Array(name));

this.Age = age;
this.sayAge = function()
{
alert(this.Age);
}

this.say = function()
{
alert(this.Name + "|" + this.Age);
}
}
MyPerson.prototype = new Person();

var aMyPerson = new MyPerson("張三",25);
aMyPerson.sayName();
aMyPerson.sayAge();
aMyPerson.say();
----------------------------------------------------------------------------------------------------
0019：
錯誤處理：
<head>
<script type="text/Javascript">
window.onerror = function(msg,url,line)
{
var err = "錯誤信息：" + msg + "。\n" + "錯誤地址：" + url + "。\n" + "錯誤行數：" + line + "。\n";
alert(err);
}
</script>