Olá, Luidi! Como vai?
Você está correto. Em JavaScript, é possível adicionar propriedades a um objeto tanto com a notação de ponto quanto com a notação de colchetes. Ambas são válidas e funcionam bem para esse propósito.
A notação de ponto é mais comum e usada quando temos certeza do nome da propriedade, enquanto a notação de colchetes é útil quando o nome da propriedade é dinâmico ou contém caracteres especiais.
No seu exemplo, tanto pessoa.cpf = "15346626522-65"
quanto pessoa["cpf"] = "15346626522-65"
funcionarão para adicionar a propriedade cpf
ao objeto pessoa
.
A descrição na imagem parece estar simplificando a explicação, mas não está errada. Apenas não menciona a alternativa da notação de colchetes, que também é válida.
Espero ter esclarecido e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.