在前端开发中，我们经常需要在代码执行过程中动态地向Javascript对象添加属性和方法。这种需求有很多种场景，比如根据用户输入数据生成新的对象，或者从服务器获取数据后修改现有对象等等。
添加属性
要向一个Javascript对象（包括数组）动态添加属性，可以使用以下两种方式：
方式一：点语法
let obj = {};
obj.name = 'John';
obj.age = 30;方式二：方括号语法
let obj = {};
obj['name'] = 'John';
obj['age'] = 30;上面这两种方式的效果是相同的。值得注意的是，在第二种方式中，属性名必须用引号括起来。这种方式允许你使用变量作为属性名，因为变量可以被解析成字符串。
let propName = 'name';
let obj = {};
obj[propName] = 'John';添加方法
向一个Javascript对象添加方法也非常简单，只需要将一个函数赋值给对象的属性即可：
let obj = {};
obj.sayHello = function() {
console.log('Hello!');
};如果你想在构造函数中动态添加方法，可以使用原型链：
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - ------------------------- - ---------- - ------------------- -- ---- -- - - ----------- -- --- ---- - --- --------------- ---------------- -- -- ------- -- ---- -- -----
示例代码
下面是一个动态向Javascript对象添加属性和方法的完整示例代码：
-- -------------------- ---- ------- --- ------ - --- ----------- - ------- ---------- - --- --------------- - ---------- - ------------------- -- ---- -- - - ----------- -- ------------------------- -- -- ------ ------------------------ -- -- -- ------------------ -- -- ------- -- ---- -- -----
总结
动态向Javascript对象添加属性和方法是前端开发中常见的需求。如果你掌握了上述两种方式，就可以轻松地实现这种功能。同时，使用原型链也可以在构造函数中动态添加方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28017