JS创建对象|极客笔记

JS创建对象

在 JavaScript 中，对象是一种数据结构，可以存储不同类型的数据和功能。对象由属性和方法组成，每一个属性对应一个键值对，而方法则是对象中封装的函数。

1. 对象字面量

对象字面量是一种方便快速创建对象的方法。通过使用花括号 {}，可以定义对象中的属性和方法，如下所示：

let person = {
    name: "Alice",
    age: 30,
    greet: function() {
        return "Hello, my name is " + this.name + " and I am " + this.age + " years old.";
    }
};

console.log(person.name); // Output: Alice
console.log(person.greet()); // Output: Hello, my name is Alice and I am 30 years old.

在上面的代码中，我们创建了一个 person 对象，其中包含 name、age 两个属性和 greet 方法。可以通过 . 操作符来访问对象的属性和方法。

2. 使用构造函数

除了使用对象字面量外，我们还可以使用构造函数来创建对象。构造函数实际上就是一个普通的函数，通过 new 关键字来实例化一个对象。

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.greet = function() {
        return "Hello, my name is " + this.name + " and I am " + this.age + " years old.";
    }
}

let person1 = new Person("Bob", 25);
let person2 = new Person("Cindy", 35);

console.log(person1.greet()); // Output: Hello, my name is Bob and I am 25 years old.
console.log(person2.greet()); // Output: Hello, my name is Cindy and I am 35 years old.

在上面的代码中，我们定义了一个 Person 构造函数，通过 new 关键字来创建了两个 person1 和 person2 对象。每个对象都有自己的 name、age 属性和 greet 方法。

3. 使用原型

在 JavaScript 中，每个对象都有一个指向其原型的链接。我们可以通过修改原型上的属性和方法，来让多个对象共享相同的属性和方法。

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

Person.prototype.greet = function() {
    return "Hello, my name is " + this.name + " and I am " + this.age + " years old.";
}

let person1 = new Person("David", 20);
let person2 = new Person("Emily", 40);

console.log(person1.greet()); // Output: Hello, my name is David and I am 20 years old.
console.log(person2.greet()); // Output: Hello, my name is Emily and I am 40 years old.

在上面的代码中，我们使用原型方式来定义 greet 方法，这样 person1 和 person2 对象都可以共享这个方法，减少了重复定义的代码。

4. 使用 Object.create()

Object.create() 方法可以创建一个新对象，并指定其原型对象。

let personPrototype = {
    greet: function() {
        return "Hello, my name is " + this.name + " and I am " + this.age + " years old.";
    }
};

let person1 = Object.create(personPrototype);
person1.name = "Frank";
person1.age = 30;

let person2 = Object.create(personPrototype);
person2.name = "Grace";
person2.age = 50;

console.log(person1.greet()); // Output: Hello, my name is Frank and I am 30 years old.
console.log(person2.greet()); // Output: Hello, my name is Grace and I am 50 years old.

在上面的代码中，我们创建了一个 personPrototype 对象，包含 greet 方法，然后通过 Object.create() 方法来创建 person1 和 person2 对象，并指定它们的原型为 personPrototype。

5. 使用 class

ES6 引入了 class 关键字，使得在 JavaScript 中创建对象变得更加简单和直观。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    greet() {
        return "Hello, my name is " + this.name + " and I am " + this.age + " years old.";
    }
}

let person1 = new Person("Henry", 50);
let person2 = new Person("Ivy", 35);

console.log(person1.greet()); // Output: Hello, my name is Henry and I am 50 years old.
console.log(person2.greet()); // Output: Hello, my name is Ivy and I am 35 years old.

在上面的代码中，我们使用 class 关键字定义了一个 Person 类，并在构造函数中初始化对象的属性。类中的方法会被定义在原型上。