JS中对象定义的几种方式

最新推荐文章于 2025-07-17 22:13:06 发布

ecjtusbs

最新推荐文章于 2025-07-17 22:13:06 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签：函数对象实例面向对象

本文链接：https://blog.youkuaiyun.com/ecjtusbs/article/details/53037697

学习笔记专栏收录该内容

9 篇文章

订阅专栏

本文介绍了JavaScript中创建对象的四种方法：无参数创建、有参数创建、利用默认Object对象及自描述形式创建。强调了在JavaScript中保持良好面向对象设计风格的重要性。

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

JS中对象定义的几种方式

【前言】

关于JS中的”对象“，可以参照面向对象中的”对象“概念来理解，尽管其中有很大的区别。

JS中对象定义的方式大致有以下几种：

1.无参数创建对象

   //定义People对象，无任何形参
   function People()
   {
   }

   //生成了对象实例，根据需要对对象进行处理
   //添加属性
   var tom=new People();
   tom.name="tom";
   tom.age=23;
   tom.gender="male";
   //添加方法
   tom.aboutLover=function()
   {
       alert("I love smile girl");
   }
===================================
   //使用时直接按照如下方法使用添加的属性和方法
   document.write("name: "+tom.name+"   age"+tom.age+"gender "+tom.gender);
   tom.aboutLover();

2.有参数创建对象

按照面向对象的思想，一般来说，在设计“类”时，应该定义好对象的属性和基本操作，在创建对象时进行初始化操作。JavaScript虽然是一种脚本语言，但保持良好的设计风格仍然很有必要。

//定义对象，有参数
function People(name,age,gender)
{
    //初始化属性
    this.name=name;
    this.age=age;
    this.gender=gender;

    //定义方法
    this.aboutLover=function()
    {
        alert("I love smile girl");
    }
}
//创建对象
var tom=new Person("tom",23,"male");
//测试
document.write(tom.name+tom.age+tom.gender);
tom.aboutLover();

3.使用默认的Object对象创建

JS中默认有一个Object对象，可以直接使用

/*类似于这样的形式
fucntion Object()
{
}
*/

//创建对象
var tom=new Object();

//添加属性和方法
tom.name="tom";
tom.age=23;
tom.gender="male";
tom.aboutLover=function()
{
    alert("I love smile girl");
}

4.自描述形式创建对象

自描述形式创建对象的形式如下：

var tom={name:"tom",
    age:23,
    gender:"male",
        aboutLover:function()
        {
            alert("I love smile girl");
         }
    }

【注】

这篇文章仅仅是本人的学习笔记，如有错误，还烦请告知本人，谢谢。