JavaScript对象

最新推荐文章于 2025-07-29 18:18:43 发布

小犬牙吃糖果

最新推荐文章于 2025-07-29 18:18:43 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/LUXCC6/article/details/127834020

本文详细介绍了JavaScript中创建对象的三种常见方法：对象字面量、new Object()以及构造函数。通过实例展示了如何定义和使用属性及方法，帮助读者理解JavaScript对象的基本概念和操作。

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

概念：

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

创建对象的三种方式

1.利用对象字面量创建对象

    <script>
        // let obj = {}//空的对象

        let person = {
            uname : '刘小备',
            age : "22",
            sex : '男',
            zhiCaoXie : function(){
                console.log('编制草鞋')
            }
        }
        //属性与方法采用键值对形式
        //多个属性或方法使用，隔开
        //方法冒号后跟匿名函数

        console.log(person)

        //使用对象
        //调用属性 ：对象名.属性名
        console.log(person.uname)

        //对象名['属性名']
        console.log(person['uname'])

        //调用方法,对象名.方法名()
        person.zhiCaoXie()
    </script>

2.利用new Object()创建对象

<script>
        let obj = new Object();
        obj.uname = '关小羽'
        obj.age = 17
        obj.sex = '男'
        obj.shuaDaDao = function(){
            console.log('耍大刀')
        }
        console.log(obj.uname)
        console.log(obj['age'])
        console. log(obj.shuaDaDao())
        
 </script>

3.利用构造函数创建对象

 <script>
        //1.定义构造函数
        function Fn(uname,age,sex) {
            this.uname = uname
            this.age = age
            this.sex = sex
            this.sellPig = function(){
                console.log('宰猪')
            }
        }

        //2.创建对象
        let obj = new Fn('张飞',16,'男')
        console.log(obj.uname)
        console.log(obj.age)
        console.log(obj.sex)
        console.log(obj.sellPig())
 </script>