JS-面向对象

原创

xingorg1 2021-11-26 17:18:34 ©著作权

文章标签 Javascript 学习笔记案例实现 html 面向对象 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者xingorg1的原创作品，请联系作者获取转载授权，否则将追究法律责任

话说，再次看完这个实例后的我，开始怀疑面向对象和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>