zoukankan      html  css  js  c++  java
  • JS-面向对象

    话说,再次看完这个实例后的我,开始怀疑面向对象和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>
  • 相关阅读:
    js 工厂模式、简单模式、抽象模式
    Angular 框架介绍
    Node.js从入门到实战ECMAScript6一页纸总结(很大的一页纸)
    ECMAScript 5和ECMAScript6的新特性以及浏览器支持情况
    JSONP 教程
    jQuery ajax() 方法
    AJAX异步的 JavaScript
    自动化构建工具--gulp的初识和使用
    front-end 前端发展学习路线参考图
    Webpack 常用命令总结以及常用打包压缩方法
  • 原文地址:https://www.cnblogs.com/padding1015/p/6140110.html
Copyright © 2011-2022 走看看