如何在此功能中添加控制台日志？

Question

非常直接的问题，我只是想在这个 es6 函数中获取控制台日志。

const testLinesSelector = state => state.tests.testLines || [];

我试过了：

const testLinesSelector = state => { 
  console.log('INSIDE THE SELECTOR ===> ');
  return {state.tests.testLines || [] }
};

Answer 1

删除return语句中的大括号，如下所示：

const testLinesSelector = state => { 
  console.log('INSIDE THE SELECTOR ===> ');
  return state.tests.testLines || [];
};

作为旁注，我注意到很多 ES6 代码使用函数变量或函数属性而不仅仅是函数——你是否有理由不这样做？

function testLinesSelector( state ) { 
  console.log('INSIDE THE SELECTOR ===> ');
  return state.tests.testLines || [];
};

Answer 2

您可能会考虑使用Function.name自动化代码的另一种方法 - 尽管这需要使用命名函数（la function foobar() { ... } ）。 有一些技术可以在 JavaScript 中获取匿名函数或箭头函数的“名称”，但它们涉及更多，并且可能与您正在使用的“代码中的既定模式”不兼容。

但这里是如何使用命名函数来做到这一点：

function annotate( func ) {
    return ( ...args ) => {
        console.log( func.name ); // `Function.name` is supported in ES6.
        return func( ...args );
    };
}

const testLinesSelector = annotate( function testLinesSelector( state ) { return state.tests.testLines || [] } );