介绍
在 javascript 中创建对象的方法有很多种。
- 对象文字
- object() 构造函数
- object.create()
- 构造函数
- es6 类
对象字面量
这可能是在 javascript 中创建对象最快、最简单的方法。这也称为对象初始值设定项，是一个由零对或多对对象的属性名称和关联值组成的逗号分隔列表，括在大括号 ({}) 中。
const newobject = {} // simply create a new empty object
const newobject = {
somekey: "somevalue",
anotherkey: "anothervalue"
}
对象值可以是原始数据类型或其他对象。
object() 构造函数
您可以使用内置的对象构造函数创建对象。
如果传递的值为 null 或未定义或未传递任何值，则它将创建并返回一个空对象。
如果该值已经是一个对象，则返回相同的值。
// below options create and return an empty object
const objwithnovalue = new object();
const objwithundefined = new object(undefined);
const objwithnull = new object(null);
const newobject = {
somekey: "somevalue",
anotherkey: "anothervalue"
}
const sameobject = new object(someobject);
sameobject['andanotherkey'] = "one another value";
sameobject === newobject; // both objects are same.
对象.create()
此方法允许您创建具有特定原型的新对象。这种方法使新对象能够从原型继承属性和方法，从而促进类似继承的行为。
const person = {
greet: function () {
console.log(`hello ${this.name || 'guest'}`);
}
}
const driver = object.create(person);
driver.name = 'john';
driver.greet(); // hello john
构造函数
在 es6 之前，这是创建多个相似对象的常用方法。构造函数只不过是一个函数，借助 new 关键字，您可以创建一个对象。
当您使用“new”关键字构造对象时，将函数名称的第一个字符大写是一个很好的做法。
function person(name, location) {
this.name = name;
this.location = location;
greet() {
console.log(`hello, i am ${this.name || 'guest'} from ${this.location || 'earth'}`);
}
}
const alex = new person('alex');
alex.greet(); // hello, i am alex from earth
const sam = new person('sam anderson', 'switzerland');
sam.greet(); // hello, i am sam anderson from switzerland
es6级
更现代的方法有助于创建对象，就像其他 oop 编程语言一样，使用带有构造函数的类来初始化属性和方法。
class Person {
constructor(name, location) {
this.name = name || 'Guest';
this.location = location || 'Earth';
}
greet() {
console.log(`Hello, I am ${this.name} from ${this.location}`);
}
}
const santa = new Person('Santa');
santa.greet(); // Hello, I am Santa from Earth
参考资料：
立即学习“Java免费学习笔记（深入）”；
- mdn - javascript
- javascript.info
