0基础JavaScript快速入门（三）：揭秘JS对象内部奥秘

前端

2024-02-09 11:30:18

零基础快速入门JavaScript（三）：JS 对象

对象是JavaScript中的基本数据结构，用于表示复杂的数据，包括属性和方法。它具有良好的组织性和灵活性，是JavaScript中最为重要的概念之一。

对象的分类

JavaScript中的对象可分为两类：内建对象和自定义对象。

内建对象

内建对象由ES标准定义，在任何的ES的实现中都可以使用。例如：

Math：数学对象，提供各种数学函数和常量。
String：字符串对象，表示一个文本字符串。
Number：数字对象，表示一个数字。

自定义对象

自定义对象是由程序员创建的对象，用于表示特定数据或操作。例如：

const person = {
  name: 'John Doe',
  age: 30,
  occupation: 'Software Engineer'
};

对象的结构

对象由属性和方法组成。

属性：属性是对象的键值对，其中键是字符串，值可以是任何数据类型。例如：

const person = {
  name: 'John Doe', // 键：'name'，值：'John Doe'
  age: 30, // 键：'age'，值：30
  occupation: 'Software Engineer' // 键：'occupation'，值：'Software Engineer'
};

方法：方法是对象的函数，可以对对象进行操作。例如：

const person = {
  name: 'John Doe',
  age: 30,
  occupation: 'Software Engineer',
  greet: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

person.greet(); // 输出：Hello, my name is John Doe.

对象的创建

可以使用多种方式创建对象。

对象字面量：这是创建对象最简单的方法，只需要使用大括号({})即可。例如：

const person = {
  name: 'John Doe',
  age: 30,
  occupation: 'Software Engineer'
};

构造函数：构造函数是一种创建对象的特殊函数，它使用new调用。例如：

function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

const person = new Person('John Doe', 30, 'Software Engineer');

工厂函数：工厂函数是一种创建对象的函数，它返回一个新对象。例如：

function createPerson(name, age, occupation) {
  return {
    name: name,
    age: age,
    occupation: occupation
  };
}

const person = createPerson('John Doe', 30, 'Software Engineer');