📅  最后修改于: 2023-12-03 15:30:07.320000             🧑  作者: Mango
在 JavaScript 中,对象是一种数据类型,具有键值对的属性。创建对象有多种方式,这里将介绍最常见的四种方式。
对象字面量是最简单的创建对象的方式,通过在花括号中定义属性和值来创建对象。
const myObject = {
name: 'John',
age: 30,
hobbies: ['reading', 'running']
};
console.log(myObject.name); // 'John'
console.log(myObject.hobbies[1]); // 'running'
使用构造函数创建对象需要定义一个函数,并使用 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'
使用 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'
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 对象的四种方式。每种方式都有其适用的场景和优劣,根据需要选择合适的方式创建对象。