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