Rule to prefer reference instead of inline function parameter

[Armaldio]

Take this code for example:

this.xxx('yyy', (value) => {
	console.log(value)
});

I'd like to enforce the fact of moving the inline callback out, like this

this.callback = (value) => {
	console.log(value)
}
this.xxx('yyy', this.callback);

Is there a rule for that ? All my searches lead to nothing

Thanks 👋

[mdjermanovic]

Hi @Armaldio!

You can use the no-restricted-syntax rule to enforce this:

/*eslint "no-restricted-syntax": [
    "error",
    {
        "selector": "CallExpression > :matches(FunctionExpression, ArrowFunctionExpression).arguments",
        "message": "Don't use inline callbacks."
    }
]*/

this.xxx('yyy', (value) => { // error
	console.log(value)
});

Online Demo

[Armaldio]

Thanks a lot !