react / js函数调用

Question

我是一个非常新的反应者，在培训期间我遇到了下面的代码。

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');