介绍
可以通过四种方式将键和值分配给对象。
- 点符号
- 方括号表示法
- Object.defineproperty() 方法
- object.defineproperties() 方法
点符号
点表示法是一种在 JavaScript 中访问对象属性的简单且常用的方法。您可以使用点表示法创建属性并将其分配给对象。这种方法允许您在创建对象后动态定义属性。
let objectname = {}; // "object literal" syntax objectname.somekey = somevalue; // set property and value const value = objectname.somekey; // retrive value
优点
可读性：
易于阅读和理解。
示例：person.name 比 person[‘name’] 更容易解释。
易于使用：
简单的语法，可以快速编写。
立即学习“Java免费学习笔记（深入）”；
静态属性名称：
非常适合访问具有有效标识符（字母、数字、下划线和 $）的属性。
缺点
仅限有效标识符：
当属性名称包含特殊字符、空格或动态时失败。
示例：person.first-name 会抛出错误；使用 person[“first-name”] 代替。
不能使用变量：
示例：如果属性名称存储在变量中，则不能使用点表示法。
方括号表示法
方括号表示法允许使用字符串或变量动态访问或操作对象属性。方括号比点符号更灵活，因为它们可以使用任何属性名称或变量。不过，它们写起来有点困难。
优点
动态属性访问：
允许属性名称是变量或表达式。
示例：当 propname 为变量时，obj[propname] 是灵活的。
特殊字符和空格：
适用于包含特殊字符、空格或保留关键字的属性名称。
示例: obj[“first-name”] 或 obj[“class”].
迭代灵活：
在循环对象的属性时很有用。
缺点
可读性较差：
与点表示法相比更难阅读，尤其是对于嵌套属性。
容易出现错别字：
开发过程中可能无法发现属性名称中的错误（例如 obj[“naem”]）。
详细：
需要更多的输入和对字符串键使用引号。
object.defineproperty() 方法
object.defineproperty() 方法为对象定义一个新属性或更新现有属性，然后返回该对象。
const user = {}; object.defineproperty(user, 'firstname', { value: 'john', writable: true, // `false` is default }); console.log('first name', user.firstname);
object.defineproperties() 方法
object.defineproperties() 方法直接在对象上定义新属性或修改现有属性，并返回该对象。
const user = {}; Object.defineProperty(user, { 'firstName': { value: 'John', }, 'lastName': { value: 'Kennady', }, }); console.log('First name', user.firstName); console.log('Last name', user.lastName);
