JavaScript建立一個物件的方式
阿新 • • 發佈：2020-09-17
一、使用建構函式的方式
<script>
//通過建構函式建立物件
function Person(name,age){
this.name = name;
this.age = age;
this.do = function (){
return "ok";
}
}
var PerConstruction = new Person("feng",44);
document.write(
二、通過物件字面量建立
<script>
//通過物件字面量建立物件
var personJson = {
name : "feng",
age : 12,
do : function (){
return this.name;
}
}
document.write(
三、通過內建Object物件
<script>
//通過內建的Object物件建立
var personObject = new Object();
personObject.name = "can";
personObject.age = 99;
personObject.do = function (msg){
return "還你一個："+msg;
}
document.write(
四、整體測試程式碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>js演示</title>
</head>
<body>
<div >建立物件</div>
<script>
//通過內建的Object物件建立
var personObject = new Object();
personObject.name = "can";
personObject.age = 99;
personObject.do = function (msg){
return "還你一個："+msg;
}
document.write("內建Object物件建立："+personObject.do("xiaotianji")+"<br/>");
</script>
<script>
//通過物件字面量建立物件
var personJson = {
name : "feng",
age : 12,
do : function (){
return this.name;
}
}
document.write("字面量建立物件："+personJson.do()+"<br/>");
</script>
<script>
//通過建構函式建立物件
function Person(name,age){
this.name = name;
this.age = age;
this.do = function (){
return "ok";
}
}
var PerConstruction = new Person("feng",44);
document.write("建構函式建立物件： "+PerConstruction.do()+"<br/>"); //頁面載入完成後執行，頁面內容將被覆蓋。
window.onload = function (){
//document.write("是否覆蓋");
};
</script>
</body>
</html>