JavaScript中(factory).factory.selector = originalSelector语法含义解析

嘿，这个问题我之前折腾Angular多应用实例的时候也碰到过，给你拆解清楚：

1. JavaScript语法层面的含义 #

首先，(factory).factory里的括号是分组运算符，作用是确保先计算括号内的factory表达式，再访问它的factory属性。大多数情况下，(factory).factory和直接写factory.factory效果完全一致——括号在这里要么是为了消除语法歧义（比如factory是复杂表达式时），要么就是代码风格上的习惯写法。

那你看到的(factory).factory.selector = originalSelector，翻译过来就是：

• 先拿到factory变量指向的对象（注意：函数也是JavaScript对象，所以factory也可能是一个带属性的函数）
• 访问这个对象上名为factory的子属性
• 给这个子属性的selector属性赋值为originalSelector

2. Angular多实例场景下的具体用法 #

结合你提到的“页面启动多个Angular实例”的场景，这个语法大概率和ngDoBootstrap手动启动应用有关：
当你需要在同一个页面启动多个Angular实例时，不会用默认的bootstrapModule自动启动，而是会在@NgModule中定义ngDoBootstrap方法，手动调用ApplicationRef.bootstrap()来逐个启动组件。

这里的factory通常是组件工厂对象（或者返回组件工厂的函数）：

• 有时候我们会复用同一个组件的工厂，但需要修改它的selector属性，让Angular把组件挂载到页面不同的DOM节点上（每个实例对应一个不同的选择器）
• 而(factory).factory就是获取到这个组件工厂的核心实例，修改它的selector后，就能用同一个组件类启动多个独立的Angular实例了

你猜测的“传入factory参数给ngDoBootstrap的立即执行函数，通过点语法访问返回值的factory属性”思路完全正确——在这类场景中，factory往往是在立即执行函数或者ngDoBootstrap的回调中传入的参数，它本身是一个带有factory属性的对象/函数，我们通过点语法访问这个属性来操作组件工厂。

内容的提问来源于stack exchange，提问作者TMOTTM