📜  criar object javascript (1)

📅  最后修改于: 2023-12-03 15:30:07.320000             🧑  作者: Mango

创建 JavaScript 对象

在 JavaScript 中,对象是一种数据类型,具有键值对的属性。创建对象有多种方式,这里将介绍最常见的四种方式。

1. 使用对象字面量

对象字面量是最简单的创建对象的方式,通过在花括号中定义属性和值来创建对象。

const myObject = { 
  name: 'John',
  age: 30,
  hobbies: ['reading', 'running']
};

console.log(myObject.name); // 'John'
console.log(myObject.hobbies[1]); // 'running'
2. 使用构造函数

使用构造函数创建对象需要定义一个函数,并使用 new 关键字实例化一个新对象。构造函数中的 this 关键字指向实例化的对象。

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

const john = new Person('John', 30, ['reading', 'running']);

console.log(john.name); // 'John'
console.log(john.hobbies[1]); // 'running'
3. 使用 Object.create()

使用 Object.create() 方法从现有对象创建一个新对象,新对象具有现有对象的属性和方法。该方法可接受两个参数:一个现有对象作为新对象的原型以及包含新对象属性和值的对象。

const person = { 
  name: 'John',
  age: 30,
  hobbies: ['reading', 'running']
};

const john = Object.create(person);

console.log(john.name); // 'John'
console.log(john.hobbies[1]); // 'running'
4. 使用类

ES6 引入了 class 关键字,使创建对象的过程更类似于其他面向对象编程语言。类定义了对象的属性和方法,并在实例化时创建新的对象。

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

const john = new Person('John', 30, ['reading', 'running']);

console.log(john.name); // 'John'
console.log(john.hobbies[1]); // 'running'

以上是最常见的创建 JavaScript 对象的四种方式。每种方式都有其适用的场景和优劣,根据需要选择合适的方式创建对象。