js对象添加 成员

在JavaScript中，向对象添加成员（属性或方法）有多种方式：

一、添加属性

1. 点语法
   • 基础概念：
     • 这是最常见的方式。直接使用对象名.属性名的形式来添加属性。
   • 示例代码：
   • 示例代码：
   • 优势：
     • 简单直观，易于理解和编写。
   • 应用场景：
     • 在初始化对象或者动态添加简单属性时经常使用。

• 方括号语法
  • 基础概念：
    • 使用对象名["属性名"]的形式添加属性。这里的属性名可以是变量或者表达式的结果。
  • 示例代码：
  • 示例代码：
  • 优势：
    • 当属性名是动态的（例如来自用户输入或者计算结果）时非常有用。
  • 应用场景：
    • 处理动态属性名的情况，如在根据配置文件或数据结构动态构建对象属性时。
• Object.assign()方法
  • 基础概念：
    • 这个方法可以将一个或多个源对象的所有可枚举自有属性的值复制到目标对象。
  • 示例代码：
  • 示例代码：
  • 优势：
    • 可以一次性添加多个属性，并且可以合并多个对象。
  • 应用场景：
    • 当需要从一个或多个对象复制属性到另一个对象时，例如在对象的浅拷贝或者合并部分属性的场景。

二、添加方法

1. 点语法添加函数作为方法
   • 基础概念：
     • 类似添加属性，直接使用对象名.方法名 = function() {}的形式。
   • 示例代码：
   • 示例代码：
   • 优势：
     • 简单直接地定义对象的方法。
   • 应用场景：
     • 在构建简单的对象并且定义其自身行为时使用。

• 使用ES6的简写方法定义
  • 基础概念：
    • 如果方法名后面紧跟的是一个函数表达式，可以使用更简洁的语法。
  • 示例代码：
  • 示例代码：
  • 优势：
    • 代码更简洁，可读性更强。
  • 应用场景：
    • 在现代JavaScript开发中，尤其是在定义对象的方法时，如果方法体比较简单，这种简写方式很常用。