JavaScript创建对象并赋值|极客笔记

JavaScript创建对象并赋值

在JavaScript中，可以使用多种方式来创建对象并赋值。本文将介绍常见的几种方法：

使用对象直接量
使用构造函数
使用Object.create()方法
使用class关键字

让我们逐一来看每种方法的具体实现。

使用对象直接量

对象直接量是一种最简单和常用的创建对象的方式。通过花括号{}来定义一个对象，然后在花括号中使用键值对的形式来定义对象的属性和值。

// 使用对象直接量创建对象
let person = {
  name: 'Alice',
  age: 30,
  gender: 'female',
};

console.log(person);

运行以上代码，将会输出以下结果：

{ name: 'Alice', age: 30, gender: 'female' }

使用构造函数

使用构造函数创建对象是另一种常见的方法。构造函数是一个普通的函数，通过new关键字来调用构造函数创建对象。

// 定义一个构造函数
function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

// 使用构造函数创建对象
let person = new Person('Bob', 25, 'male');

console.log(person);

运行以上代码，将会输出以下结果：

Person { name: 'Bob', age: 25, gender: 'male' }

使用Object.create()方法

Object.create()方法是ECMAScript 5引入的一种创建对象的方法，它接受两个参数：一个用作原型的对象和一个可选的属性对象。

// 定义一个原型对象
let personPrototype = {
  greet: function() {
    return 'Hello, my name is ' + this.name;
  }
};

// 使用Object.create()方法创建对象
let person = Object.create(personPrototype);
person.name = 'Alice';

console.log(person.greet());

运行以上代码，将会输出以下结果：

Hello, my name is Alice

使用class关键字

在ES6中引入了class关键字，可以更简洁地定义对象的类。

// 定义一个类
class Person {
  constructor(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }

  greet() {
    return `Hello, my name is ${this.name}`;
  }
}

// 创建对象
let person = new Person('Bob', 25, 'male');

console.log(person.greet());

运行以上代码，将会输出以下结果：