<html>
<head>
<title>JavaScript 使用簡略文法建立對象</title>
<script type="text/javascript">
window.onload = function(){
AppendMembersToObject();
SimpleSyntaxToCreateObject();
}
function AppendMembersToObject()
{
var testName = "AppendMembersToObject";
WriteStart(testName);
// 建立一個對象
var person = new Object();
// 給對象添加屬性(public)
person.Name = "lipei";
person.Sex = "boy";
person.Age = "24";
// 給對象添加方法(public)
person.toString = function(){
//此處用person或this都可以,此時this指代person對象。
return str = "Name:" + this.Name + ",Sex:" + this.Sex + ",Age:" + this.Age;
}
WriteLine("person.Name : " + person.Name);
WriteLine("person.toString() : " + person.toString());
WriteEnd();
/*
根據結果可知:JavaScript 中可在對象建立後,為對象新增成員(屬性、方法等)。
*/
}
function SimpleSyntaxToCreateObject()
{
var testName = "SimpleSyntaxToCreateObject";
WriteStart(testName);
// 使用簡略文法建立對象
var computer = {
Cpu : "酷睿2P系列",
MainBoard : "華碩ER",
Keyboard : "雙飛燕",
toString : function(){
return str = "Cpu:" + this.Cpu + ",MainBoard:" + this.MainBoard + ",Keyboard:" + this.Keyboard;
}
};
WriteLine("computer.MainBoard : " + computer.MainBoard);
WriteLine("computer.toString() : " + computer.toString());
WriteEnd(testName);
/*
根據結果可知:JavaScript簡略文法可只能識別變數冒號後的類型,並據此定義變數的類型。
*/
}
/*************************Test Tools**************************/
function WriteLine(str)
{
document.write(str + "<br/>");
}
function WriteStart(str)
{
WriteLine("TEST : " + str + "<br/>");
}
function WriteEnd()
{
WriteLine("<br/><hr/>");
}
</script>
</head>
<body>
</body>
</html>