JavaScript(JS)语法—对象详解

在上一节中我们学习了函数，本节我们将深入学习JS中的对象。对象是JS中最重要的概念之一，它允许我们以键值对的形式组织和存储数据。那什么是对象呢？现在流行的“面向对象编程”中的“对象”，C/C++里的类或结构体，都与JS中的对象“十分相似”，在JS中，对象是一种复合数据类型，用于存储多个值作为属性。

在JS中，创建对象的语法格式如下：

/*创建一个空对象*/
const obj= {}

对于每一个Dotcpp用户，他们都有自己的昵称、签名、成绩以及等级，这些组成部分统称为属性。下面我们创建一个Dotcpp用户（对象）：

// 创建Dotcpp用户
const dotcpp_user = {
 nickName: "dotcpp_user",
 signature:"学习使人进步",
 grade:100,
 degree:'P1',
  greet: function() {
    return `你好，我是${this.nickName}`;//此处this指向调用该方法的对象
  }
};

那如何访问Dotcpp用户的属性呢？一般来说我们有两种情况来访问对象的属性。

如果此时我们想知道用户的名字：

/*方法1 - 方括号表示法*/
alert(`${dotcpp_user["nickName"]}`)
/*方法2 - 点表示法*/
alert(`${dotcpp_user.nickName}`)

众所周知，Dotcpp编程有很多用户，如果每一个用户都单独创建那太浪费时间了，此时我们可以先定义构造函数，然后通过关键字new创建出很多个相似对象。

/*定义dotcpp_user构造函数*/
function dotcpp_user(nickName,signature,grade,degree){
  this.nickName=nickName;
  this.signature=signature;
  this.grade=grade;
  this.degree=degree;
  this.greet=function (){
    return `你好，我是${this.nickName}`
  }
}
    
    const  user1=new dotcpp_user('dotcpp_user','学习使人进步',100,'P1')//通过new来创建新对象
    console.log(user1);

以上就是JS中对象的主要知识。

总结：JS对象是组织和存储数据的强大工具。通过对象字面量、构造函数或类，我们可以创建复杂的结构。对象的属性可以通过点表示法或方括号表示法访问和操作，而方法则是存储在对象属性中的函数。在实际开发中，对象广泛应用于数据建模、状态管理和API交互等场景。