javascript - 函数装饰器中return语句的作用是什么

Question

我正在学习装饰器，但我不明白一件事 - 在每个示例中，我都发现函数末尾有一个 return 语句。该返回声明的目的是什么？从我的 Angular 来看，这是不必要的，它甚至不会返回任何东西。

    console.log('Hello, ' + name);
}

function loggingDecorator(wrapped) {
    return function() {
        console.log('Starting');
        const wrapper = wrapped.apply(this, arguments);
        console.log('Finished');
        return wrapper; // Why do I need this?
    };
}

const wrapped = loggingDecorator(doSomething);
wrapped('Rita');
const test = wrapped('Rita');
console.log(test); // undefined

Answer 1

没有它，你的装饰器就不会沿着包装函数的返回值转发。您的 doSmething 不会返回任何内容，因此不会使用此行为，但如果您尝试包装不同的函数，则需要它。

function doSomethingWithReturn(value) {
  return value.toUpperCase();
}

function loggingDecorator(wrapped) {
    return function() {
        console.log('Starting');
        const wrapper = wrapped.apply(this, arguments);
        console.log('Finished');
        return wrapper;
    };
}

const wrapped = loggingDecorator(doSomethingWithReturn);
const test = wrapped('Rita');
console.log(test); // 'RITA', but only because of the `return wrapper` statement