本文详解JavaScript中动态创建对象属性的两种核心方式。首先介绍通过方括号语法obj[key]直接赋值的方法，适用于简单场景；其次深入讲解使用Object.defineProperty定义动态属性的技巧，重点解析value、writable、enumerable和configurable四个属性描述符的作用与配置方法，帮助开发者灵活控制对象属性的行为。
JavaScript对象属性的基础概念
在客户端开发中，面向对象的JavaScript提供了极高的灵活性。利用对象属性，可以设置并在对象内部管理和使用数据值。
我对JavaScript中属性的理解是：可以通过在字面量对象上定义变量来创建属性。
例如：
var obj = {
property1: '',
property2: ''
};随后，可以通过直接访问的方式获取这些属性。
obj.property1 = 'some value';
obj.property2 = 'some other value';同样地，这些属性也可以在对象内部的函数中使用。
例如：
var obj = {
property1: '',
property2: '',
foo : function(){
console.log(obj.property1);
}};动态创建属性的两种方法
既然了解了如何在JavaScript对象上创建静态属性，接下来探讨如何动态创建属性。
主要有两种实现方式。
方法一：方括号语法直接赋值
第一种方法类似于在JavaScript对象中定义数组式的动态属性。
沿用上述示例：
var obj = {
property1: '',
property2: ''
};要在对象objo上创建动态属性，可采用以下写法：
obj['property_name'] = 'some_value';其作用是，在对象上创建一个名为obj的新属性，可通过console.log(obj.property_name)进行访问。
这将在控制台输出值some_value。
方法二：使用Object.defineProperty
第二种方法是使用Object.defineProperty来定义动态属性。
示例如下：
// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(obj, "property3", {value : 'some value',
writable : true,
enumerable : true,
configurable : true});
// 'property3' property exists on object obj and its value is 37