创建对象的三种方式

本文详细介绍了JavaScript中创建对象的三种常见方法:通过字面量定义对象,利用new关键字创建对象实例,以及使用构造函数进行对象封装。通过实例演示了如何使用这些方法并展示了它们在实际编程中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建对象的三种方式

 // 创建对象的三种方式

        //1.利用字面量创建对象{}
       /* 2.使用对象:
        调用对象的属性 (1)对象名.属性名 console.log(obj.name);
                      (2)对象名['属性名'] console.log(obj['name']); */
         //3.调用对象的方法 对象名.方法名 obj.sayHi();
        var obj={
            name:'仙女',
            age:21,
            sex:'女',
            sayHi:function(){
                console.log('hi');
            }

        }
        var dog={
            name:'可可',
            type:'阿拉斯加犬',
            age:5,
            color:'pink',
            skill:function(){
                console.log('唱歌'+'跳舞');
               
            }
           


        }
        console.log(dog.name);
        console.log(dog.type);
        console.log(dog.age);
        console.log(dog.color);
        dog.skill(); 

        //2.利用new Object创建对象
        var obj=new Object();
        obj.name='仙女';
        obj.age=3;
        obj.sex='女';
        obj.skill=function(){
            console.log('吃喝玩乐');
        }
        console.log(obj.name);
        obj.skill();

        var obj=new Object();
        obj.name='鸣人';
        obj.sex='男';
        obj.age=19;
        obj.skill=function(){
            console.log('影分身术');
        }
        console.log(obj.name);
        console.log(obj.sex);
        console.log(obj.age);
        obj.skill();
        //3.利用构造函数创建对象 可以创建多个对象 里面封装的是对象
       /*  构造函数的语法格式
        function 构造函数名(){
            this.属性=值;
            this.方法=function(){}
        }
        new 构造函数名(); */


        //构造函数名字首字母要大写 构造函数不需要return 就可以返回结果
        function Person(name,age,sex){
            this.name=name;
            this.age=age;
            this.sex=sex;
            this.skill=function(skilling){
                console.log(skilling);
            }
            
        }
        //调用构造函数 必须使用new 调用函数就创建一个对象xn
        var xn=new Person('仙女儿',3,'女');
        console.log(xn.name);
        xn.skill('吃喝玩乐');
        
        var mql=new Person('庆林儿',2,'男');
        console.log(mql.name);
        mql.skill('打游戏');





 //Math数学对象 不是一个构造函数 不需要new来调用,直接使用里面的属性和方法
        //Math.max() 函数返回一组数中的最大值 Math.max(value1[,value2, ...]) value1, value2, ... 一组数值 返回给定的一组数字中的最大值
       // Math.max([]) 带[]时 里面的值可以不用写
        console.log(Math.PI);
        console.log(Math.max(1,6,8,99));
        console.log(Math.max(1,66,'庆林儿'));//输出NaN;
        console.log(Math.max());//里面没有value时,输出-Infinity
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值