JS对象的创建

Posted 2020-08-31 john。

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于JS对象的创建的主要内容，如果未能解决你的问题，请参考以下文章

js代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

AJAX相关JS代码片段和部分浏览器模型

Android 逆向使用 Python 解析 ELF 文件 ( Capstone 反汇编 ELF 文件中的机器码数据 | 创建反汇编解析器实例对象 | 设置汇编解析器显示细节 )(代码片段

有没有办法使用相同的布局动态创建片段并向它们显示数据？