在 JavaScript 中，如何给js对象增加新的属性和值，可以使用点符号（.）和方括号符号（[]），但是他们的用法有一些关键的区别，具体如下：

• 点符号.

点符号用来添加对象的属性，只能用于已知的、固定的属性名。也就是说，属性名必须是一个有效的标识符（不是变量），在编写代码时就已经确定。

let obj = {};
obj.propertyName = "value"; // 这里 "propertyName" 是一个硬编码的字符串

• 方括号[]

方括号符号则允许使用动态的属性名，即可以使用变量作为属性名。这意味着可以在运行时根据变量的值来添加或访问对象的属性。

let obj = {};
let dynamicKey = "propertyName";
obj[dynamicKey] = "value"; // 这里 dynamicKey 的值将被用作属性名