zoukankan      html  css  js  c++  java
  • JS对象的创建

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>JS对象的创建</title>
        <script type="text/javascript">
            //对象的创建方法
            //1.使用构造函数创建
            function Student (name,age){
                this.name=name;
                this.age=age;
            }
            //创建对象
            var  stu1 = new Student();
            var  stu2 = new Student("xiaoming",18);
            document.write("name:"+stu1.name+",age:"+stu1.age+"<br/>");
            document.write("name:"+stu2.name+",age:"+stu2.age+"<br/>");
            //for in 循环输出数组的内容(下标),也可以循环输出对象的属性
            // fa 要和输出的一致  自定义的
            for(var fa in stu2){
                //访问对象的属性 可以向数组的访问方式
                document.write(fa+":"+stu2[fa]+"<br/>");
            }
    
            //使用Object创建对象
            var stu3 = new Object();
            stu3.name = "李雷";
            stu3.age = "18";
            stu3.sex = "男";
            //方法 showInfo 自定义的 和下面的一致
            stu3.showInfo = function(){
            document.write("name:"+this.name+",age:"+this.age+
                    ",sex"+this.sex+"<br/>");
            }
            stu3.showInfo();
            //使用JSON创建数据
            //JSON:一种数据格式,值可以是各个类型的
            //{"名1":值,"名2":值2}
            //例如:{"name":"xiaoming","age":18}
            //JSON数组,数组里面有多个JSON对象
            //JSON数组可以作为json中某个名字对应的值
            /*{"stus": [{"name":"xiaoming","age":18},
              {"name":"xiaoming","age":18},
              {"name":"xiaoming","age":18}
            ]}*/
            //通过json中的名值对指定属性 方法
            var  person = {
              "name":"mary",
                "age":18,
                "showInfo":function(){
                    document.write(this.name+","+this.age+"<br/>");
                }
            };
            //调用方法
            person.showInfo();
    
    
        </script>
    </head>
    <body>
    
    </body>
    </html>
    

      

  • 相关阅读:
    NodeJS、NPM安装配置步骤(windows版本)
    23种设计模式全解析
    js阻止浏览器默认事件
    js获取不同浏览器盒子宽度高度
    H5之重力感应篇
    JS中的call()和apply()方法
    html学习笔记
    less(css)语言快速入门
    power designer简单教程
    Strom开发配置手册
  • 原文地址:https://www.cnblogs.com/john568300/p/6411166.html
Copyright © 2011-2022 走看看