Em resumo, a diferença está na forma como os objetos são criados e, portanto, o construtor dos objetos.
No seu primeiro exemplo:
let pessoa = {
nome: 'Pedro'
};
console.log(pessoa.nome);
Você simplesmente está criando um novo objeto através de sua notação literal. Você está atribuindo uma propriedade name
diretamente através dessa notação. Não há nada de muito especial além disso.
No seu segundo exemplo:
function Person() {
this.nome = 'Pedro';
}
let pessoa = new Person();
console.log(pessoa.nome);
Você está instanciando um novo objeto do construtor Person
, ou seja, você está criando um novo objeto do "tipo" Person
.
Há, então, a diferença, já que quando você usa o operador new
, o objeto retornado (instanciado) irá herdar o prototype
de sua função construtora. No seu exemplo, pode-se notar a diferença com o seguinte exemplo:
const person1 = {
name: 'Luiz'
};
function Person() {
this.name = 'Luiz';
}
const person2 = new Person();
console.log(person1.constructor.name); // "Object"
console.log(person2.constructor.name); // "Person"
Assim, pode-se concluir que, basicamente, a diferença é esta:
- No seu primeiro exemplo, como o objeto está sendo construído usando a sua notação literal, ele irá herdar o protótipo do construtor
Object
(padrão para objetos literais).
- No segundo exemplo, contudo, utiliza-se o construtor
Person
, uma função criada pelo próprio programador. Aí está a diferença.
Isso tudo está muito ligado ao funcionamento de protótipos no JavaScript. Para saber mais, leia esta outra pergunta.
A título de curiosidade, se você quiser criar um objeto que não possua nenhum parente herdado, você pode utilizar Object.create(null)
, sendo o primeiro argumento o protótipo que o objeto a ser criado herdará.
const example1 = {};
const example2 = Object.create(null);
console.log(example1.constructor.name); // "Object"
console.log(example2.constructor); // undefined