• JavaScript创建对象的方法


    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>JavaScript对象的创建</title>
            <script type="text/javascript">
                /*方式1:使用new关键字调用构造器创建对象*/
                /*function student(name,age){
                    this.name=name;
                    this.age=age;
                    student.gender="male";
                    this.info=function(){
                        document.write("姓名:"+this.name+",年龄:"+this.age+"性别:"+student.gender);
                    }
                }
                var s1=new student("chen",20);
                s1.info();*/
    
                /*-------------------------------------------------------------------------------*/
    
                /*方式2:使用Object直接创建对象*/
                /*var student=new Object();
                student.name="chen";
                student.age=20;
                student.info=function(){
                    document.write("姓名:"+this.name+";年龄:"+this.age);
                }
                student.info();*/
                /*也可以写成下面这种方式*/
                /*var student=new Object();
                student.name="chen";
                student.age=20;
                function abc(){
                    document.write("姓名:"+this.name+";年龄:"+this.age);
                }
                student.info=abc;//这里不加括号,加括号表示调用了函数,但是并不是调用函数
                student.info();*/
    
                /*-------------------------------------------------------------------------------*/
    
                /*方式3:使用JSON语法创建对象*/
    
                /*提示:JSON数据格式比XML数据格式更简洁,数据传输量也更小。
                因此,在需要跨平台跨语言进行数据交换时,有时宁愿选择JSON作为数据交换格式,而不是XML。*/
    
                /*var person={
                    "name":"Bob",
                    "age":30,
                    "son":[
                        {
                            "name":"Teddy",
                            "age":14
                        },
                        {
                            "name":"Chariel",
                            "age":2
                        }
                    ],
                    "info":function(){
                        document.write("父亲名字:"+this.name+",父亲年龄:"+this.age+"<br>");
                        for(var child in this.son){//注意,这里的son不是少了this,否则会说son is not defined.
                            var i=parseInt(child)+1;//经测试发现这里若是没有将child转为整型那么它会默认是string!
                            document.write("第"+i+"个孩子名字:"+this.son[child].name+",孩子年龄:"+this.son[child].age+"<br>");
                        }
                    }
                };
                person.info();*/
    
            </script> 
        </head>
        <body>
        </body>
    </html>
  • 相关阅读:
    安装vue-cli最新版后,无法使用console方法的解决办法
    使用yarn 安装 vue.js devtools(2020.1.6)
    在路由切换后 将滚动条置顶
    标签页 elementUI 激活时的颜色 怎样改 很坑爹!
    页面滚动鼠标产生动画 wow.js 在vue中
    CSS多行文本溢出隐藏,显示省略号
    ... 扩展运算符
    this的指向的一些问题
    用for循环和用for-in循环遍历数组最大的区别
    数组的indexOf、forEach、map、filter、方法的理解
  • 原文地址:https://www.cnblogs.com/dorra/p/7309704.html
Copyright © 2020-2023  润新知