js中的对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js中的对象</title>
<script>
//定义一个学生的对象
var student={
//属性
name:"张三",
age:18,
//方法
eat:function(){
return "这是一个吃饭的方法";
},
sleep:function(){
return "这是一个睡觉的方法";
}
}
//对象的属性和方法的调用
document.write(student.name);
document.write(student["age"]);
document.write(student.eat());
document.write(student.sleep());
document.write("----------------------------------------<br>");
var student={
"name":"张三",
"age":18,
"eat":function(){
return "这是一个吃饭的方法";
},
"sleep":function(){
return "这是一个睡觉的方法";
}
}
//对象的属性和方法的调用
document.write(student.name);
document.write(student["age"]);
document.write(student.eat());
document.write(student.sleep());
document.write("----------------------------------------<br>");
</script>
</head>
<body>
</body>
</html>
js对象中的属性和方法的调用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js对象中的属性和方法的调用</title>
<script>
//定义一个图书对象
var books={
name:"JAVA",
published:2018,
author:{
firstName:"张三",
secondName:"李四",
thirdName:"王五"
},
display:function(){
return "我是图书展示功能";
}
}
//第一种调用方式
document.write(books.name);
document.write(books.author.firstName);
//第二种调用方式
document.write(books["published"]);
document.write(books["author"]["secondName"]);
//第三种，混合调用
document.write(books["author"].thirdName);
//调用方法
document.write(books.display());
</script>
</head>
<body>
</body>
</html>
js对象中属性与方法的修改
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js对象中属性与方法的修改</title>
<script>
var person={
name:"张三",
addr:"北京",
say:function(){
return "说话的是：" + this.name;
}
}
document.write(person.say());
//修改对象属性
person.name="李四";
document.write(person.say());
//添加对象属性
person.age=18;
document.write(person.age);
//删除对象属性
delete person.addr;
document.write(person.addr);
//添加对象方法
person.newFun = function(){
alert("这是个新方法");
}
person.newFun();
//对方法重写
person.newFun=function(){
alert("我是新方法，我被重写了");
}
person.newFun();
</script>
</head>
<body>
</body>
</html>
使用object关键字构造对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用object关键字构造对象</title>
<script>
//使用object关键字定义对象
var carBen = new Object();
//添加属性
carBen.name="奔驰";
carBen.color="黑色";
carBen.displacement=2.0;
//第一种添加方法
carBen.run = runMethod;
function runMethod(){
document.write("最高时速250km");
}
//第二种方式添加方法
carBen.run2 = function(){
document.write("最高时速350km");
}
//调用对象的属性和方法
carBen.run();
carBen.run2();
document.write("这是一辆"+carBen.name+"，颜色是:"+carBen.color+"，排量是"+carBen.displacement)
</script>
</head>
<body>
</body>
</html>
使用构造器函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>构造器函数</title>
<script>
//使用function关键字创建一个对象类型（构造函数）
function Car(Name,Color,Displacement){
this.name=Name;
this.color = Color;
this.displacement=Displacement;
this.run = carRun;//给对象添加方法
this.run2 = function(){document.write("时速1000km");}
}
//定义一个方法
function carRun(){
document.write("时速600km");
}
//构造新对象
var carTe=new Car("特斯拉","红色",0.5);
document.write("这是一辆"+carTe.name+"，颜色是:"+carTe.color+"，排量是"+carTe.displacement);
carTe.run();
carTe.run2();
</script>
</head>
<body>
</body>
</html>
网友评论