react / js函数调用

Question

我很反应和js，我在训练期间遇到了以下代码。

new Layout()
    .setCollapsible(true)
    .setHeader( { label : __('Approval Steps') } )
    .addRow('approvalStepList')

这里Layout是从我无法访问的某个文件导入的，所以问题是上面提到的代码等同于下面的代码

 new Layout().setCollapsible(true).setHeader( { label : __('Approval Steps') } )
.addRow('approvalStepList');

意味着在函数内部调用函数？

Answer 1

是的，您提供的两个示例是相同的，它只是第一个提高了可读性的示例。

它没有调用函数内部的函数，而是通过另一个函数调用前一函数的返回值。

另一种写作方式是：

var layout = new Layout();
var collapsibleLayout = layout.setCollapsible(true);
var headerLayout = collapsibleLayout.( { label : __('Approval Steps') } );
var rowLayout = headerLayout.addRow('approvalStepList');