JS-面向对象

时间:2021-06-01 05:31:46

话说,再次看完这个实例后的我,开始怀疑面向对象和JSON的区别。。。并开始怀疑这是面向对象的真实性

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//应用题:
//张老太太养了两只猫。一只名字叫小白,今年3岁,白色。还有一只叫小花,今年10岁,花色,请编写一个程序,当用户输入小猫的名字的时候。就显示该猫的名字,年龄,颜色,如果用户输入小猫的名字错误,则显示张老太太没有养这只猫。
// var cat1=window.prompt();
/*var cName=window.prompt('请输入猫的名字'); function cat(name){
var no='老太太没有这个猫!'
if(name=='小花'){
document.write('小花,10岁,花色');
}else if(name=='小白'){
document.write('小白,3岁,白色');
}else{
return no;
}
}
cat(cName);
*/
//方法2
var cat1={
"name":"小白",
"age":"3",
"color":"white"
}
//或者可以第二种声明一个新对象的方法:
/*
var cat3=new Cat();
cat3.name="小白";
cat3.age=3;
cat3.color="白色";
*/
var cat2={
"name":"小花",
"age":"10",
"color":"花色"
}
/*
var cName=window.prompt('请输入小猫的名字:');
function cat(mingzi){
if(mingzi=='小白'){
document.write(cat1.name+"<br/>"+cat1.age+"<br/>"+cat1.color+"<br/>");
}else if(mingzi=='小花'){
document.write(cat2.name+"<br/>"+cat2.age+"<br/>"+cat2.color+"<br/>");
}else{
document.write('对不起没有查找到此猫的信息,老太太没有养这个猫<hr color="red"/>');
}
}
cat(cName);
*/ </script>
</body>
</html>