在前端编程中，我们常常会看到一些代码中的函数调用类似于 [object doSomething] 的形式而不是 *object.doSomething() 的形式。这种写法在代码中比较常见，反而可能让初学者感到困惑。
那么，为什么要使用 [object doSomething] 呢？这篇文章将对此进行详细解析，并提供指导意义和示例代码。
什么是“[]”？
在 JavaScript 中，方括号 “[]” 表示属性访问运算符，用于访问对象中的属性值。当我们使用方括号时，需要在其中指定要访问的属性名称或者变量名，例如：
const obj = { name: 'Alice', age: 18 };
console.log(obj['name']); // 输出 "Alice"在这个例子中，我们使用方括号访问了对象 obj 的 name 属性，并输出了它的值。
为什么使用 [object doSomething]？
在某些情况下，我们可能会看到这样的写法：
const obj = { doSomething: function() { console.log('Hello!'); } };
obj['doSomething']();这里，我们定义了一个对象 obj，其属性 doSomething 是一个函数，打印出字符串 'Hello!'。然后，我们使用方括号调用了这个函数，输出了 'Hello!'。
那么，为什么要这样写呢？使用点号 . 调用对象的属性方法不是更加常见吗？
其实，这种写法在某些情况下非常有用。例如，我们可以将一个字符串作为变量名，然后通过方括号访问对象的属性。这样的代码通常出现在前端框架中，用于根据数据动态生成 HTML 页面。
const data = { name: 'Alice', age: 18 };
const property = 'name'; // 可以从其他地方获取到
const html = `<div>${data[property]}</div>`;
console.log(html); // 输出 "<div>Alice</div>"在这个例子中，我们首先定义了一个对象 data，它包含了一些数据。然后，我们定义了一个变量 property，它存储着要访问的属性名称。接着，我们使用方括号访问了对象 data 的 name 属性，并将其插入到了一个 HTML 标签中。
总结
使用 [object doSomething] 形式调用对象属性方法，在某些特定场景下是非常方便和必要的。特别是当属性名需要在运行时动态生成，或者属性名本身包含了特殊字符时，使用方括号形式调用属性方法会更加灵活。
当然，在大多数情况下，使用点号 . 调用对象属性方法是更加直观和便捷的。我们需要根据具体情况选择使用哪种方式。
希望本文能够解决大家对 [object doSomething] 的疑惑，并为大家在实际编程中提供一些指导意义。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606f13222d2a29a3c120301e