快速掌握javascript对象

最新推荐文章于 2024-08-07 16:11:40 发布

请叫我均哥

最新推荐文章于 2024-08-07 16:11:40 发布

阅读量308

点赞数

本文链接：https://blog.csdn.net/qq_28568283/article/details/51172400

版权

第一步：如何创建一个javascript对象

1.通过对象字面量创建，格式如下：var obj={};//创建一个空对象，可以添加属性var obj={name:’name’, age:20}；要注意的是前面的属性名也可以用引号括起来，{‘name’:’jack’}或{“name”:’jack’}，当属性名去自留名冲突时要加上引号如{‘for’:’ ‘}
2.通过new Object()来创建对象，var obj=new Object();
3.通过构造函数来创建对象,先写一个function，再将这个function传给变量var obj=function(x,y){}

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
        <body>
            <script>
    //          var obj={};
    //          alert(obj);
    //          var obj2={name:"hehuajun"};
    //          alert(obj2.name);
                //通过newObject创建对象
                var obj=new Object();//创建一个空对象
                var arr=new Array();//创建一个空数组对象
                var date=new Date();//创建一个日期对象
                var red=new RegExp();//创建一个正则表达式对象
                //利用构造函数来创建对象,函数首字母大写
                function Test(num1,num2){
                    this.n1=num1;
                    this.n2=num2;
                }
                var test=new Test(5,6);
                //alert(test.n1);
                //alert(test.instanceof Test);
                //通过Object.Create9()
                var obj4=Object.create({x:2,
                                        y:3});
                alert(obj4.x);
            </script>
        </body>
    </html>

第二步：如何调用一个javascript对象的属性
1.通过obj.属性名来调用相应属性，如obj.name;
2.通过obj[属性名]来调用相应属性，如obj[name]
3.也可以通过var key=’name’;obj[key]来调用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>属性</title>
    </head>
    <body>
        <script>
            var person={name:"hehuajun",
                        age:20,
                        sex:'man',
                        sayHi:function(){
                            return 'say Hi';
                        },
                        info:function(){
                            return "name:"+this.name+"\nsex:"+this.sex+"\nage:"+this.age;
                        }
            };
            function PersonInfo(name,age,sex){
                this.name=name;
                this.age=age;
                this.sex=sex;
            }
            var obj=new PersonInfo('jack','20','man')
            alert(obj.age);
            obj.Level='high';
            //alert(obj.Level);
            alert(person.sayHi());
            console.log(person.info());
        </script>
    </body>
</html>

第三步：如何添加一个javascript对象的属性
使用obj.属性名=value；来添加属性，如obj.info=function(){};这样就在obj对象中添加了一个info属性