Add prefer-class-fields rule

docs/rules/prefer-class-fields.md

@@ -0,0 +1,41 @@
+# Prefer class field declarations over assigning static values in constructor using `this`
+
+💼 This rule is enabled in the ✅ `recommended` [config](https://github.com/sindresorhus/eslint-plugin-unicorn#preset-configs-eslintconfigjs).
+
+🔧 This rule is automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/latest/user-guide/command-line-interface#--fix).
+
+<!-- end auto-generated rule header -->
+<!-- Do not manually modify this header. Run: `npm run fix:eslint-docs` -->
+
+This rule will enforce the use of field declarations over `this` assignments in constructors for static values.
+
+> To avoid leaving empty constructors after autofix use [`no-useless-constructor` rule](https://eslint.org/docs/latest/rules/no-useless-constructor).
+
+## Fail
+
+```js
+class Foo {
+  constructor() {
+    this.foo = 'foo';
+  }
+}
+
+class MyError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = "MyError";
+  }
+}
+```
+
+## Pass
+
+```js
+class Foo {
+  foo = 'foo';
+}
+
+class MyError extends Error {
+  name = "MyError"
+}
+```

readme.md

@@ -181,6 +181,7 @@ If you don't use the preset, ensure you use the same `env` and `parserOptions` c
 | [prefer-array-some](docs/rules/prefer-array-some.md)                                             | Prefer `.some(…)` over `.filter(…).length` check and `.{find,findLast,findIndex,findLastIndex}(…)`.                                                                                                               | ✅  | 🔧 | 💡 |
 | [prefer-at](docs/rules/prefer-at.md)                                                             | Prefer `.at()` method for index access and `String#charAt()`.                                                                                                                                                     | ✅  | 🔧 | 💡 |
 | [prefer-blob-reading-methods](docs/rules/prefer-blob-reading-methods.md)                         | Prefer `Blob#arrayBuffer()` over `FileReader#readAsArrayBuffer(…)` and `Blob#text()` over `FileReader#readAsText(…)`.                                                                                             | ✅  |    |    |
+| [prefer-class-fields](docs/rules/prefer-class-fields.md)                                         | Prefer class field declarations over assigning static values in constructor using `this`.                                                                                                                         | ✅  | 🔧 |    |
 | [prefer-code-point](docs/rules/prefer-code-point.md)                                             | Prefer `String#codePointAt(…)` over `String#charCodeAt(…)` and `String.fromCodePoint(…)` over `String.fromCharCode(…)`.                                                                                           | ✅  |    | 💡 |
 | [prefer-date-now](docs/rules/prefer-date-now.md)                                                 | Prefer `Date.now()` to get the number of milliseconds since the Unix Epoch.                                                                                                                                       | ✅  | 🔧 |    |
 | [prefer-default-parameters](docs/rules/prefer-default-parameters.md)                             | Prefer default parameters over reassignment.                                                                                                                                                                      | ✅  | 🔧 | 💡 |

rules/prefer-class-fields.js

@@ -0,0 +1,116 @@
+'use strict';
+const getIndentString = require('./utils/get-indent-string.js');
+
+const MESSAGE_ID = 'prefer-class-fields/error';
+const messages = {
+	[MESSAGE_ID]:
+		'Prefer class field declaration over `this` assignment in constructor for static values.',
+};
+
+/**
+ * @param {import('eslint').Rule.Node} node
+ * @returns {node is import('estree').ExpressionStatement & {expression: import('estree').AssignmentExpression & {left: import('estree').MemberExpression & {object: import('estree').ThisExpression}}}}
+ */
+const isThisAssignmentExpression = node => {
+	if (
+		node.type !== 'ExpressionStatement'
+		|| node.expression.type !== 'AssignmentExpression'
+	) {
+		return false;
+	}
+
+	const lhs = node.expression.left;
+
+	if (!lhs.object || lhs.object.type !== 'ThisExpression') {
+		return false;
+	}
+
+	return true;
+};
+
+/**
+ * @template Array
+ * @param {Array} array
+ * @returns {Array}
+ */
+const reverseArray = array => [...array].reverse();
+
+/**
+ * @param {import('eslint').Rule.Node} node
+ * @param {import('eslint').Rule.RuleContext['sourceCode']} sourceCode
+ * @param {import('eslint').Rule.RuleFixer} fixer
+ */
+const removeThisFieldAssignment = (node, sourceCode, fixer) => {
+	const {line} = node.loc.start;
+	const nodeText = sourceCode.getText(node);
+	const lineText = sourceCode.lines[line - 1];
+	const isOnlyNodeOnLine = lineText.trim() === nodeText;
+
+	return isOnlyNodeOnLine
+		? fixer.removeRange([
+			sourceCode.getIndexFromLoc({line, column: 0}),
+			sourceCode.getIndexFromLoc({line: line + 1, column: 0}),
+		])
+		: fixer.remove(node);
+};
+
+/** @type {import('eslint').Rule.RuleModule['create']} */
+const create = context => {
+	const {sourceCode} = context;
+
+	return {
+		ClassBody(node) {
+			const constructor = node.body.find(x => x.kind === 'constructor');
+
+			if (!constructor || constructor.type !== 'MethodDefinition') {
+				return;
+			}
+
+			const constructorBody = constructor.value.body?.body;
+
+			if (!constructorBody) {
+				return;
+			}
+
+			const classBodyStartRange = [node.range[0], node.range[0] + 1];
+			const indent = getIndentString(constructor, sourceCode);
+
+			for (const node of reverseArray(constructorBody)) {
+				if (
+					isThisAssignmentExpression(node)
+					&& node.expression.right?.type === 'Literal'
+				) {
+					return {
+						node,
+						messageId: MESSAGE_ID,
+
+						/** @param {import('eslint').Rule.RuleFixer} fixer */
+						* fix(fixer) {
+							yield removeThisFieldAssignment(node, sourceCode, fixer);
+							yield fixer.insertTextAfterRange(
+								classBodyStartRange,
+								`\n${indent}${node.expression.left.property.name} = ${node.expression.right.raw};`,
+							);
+						},
+					};
+				}
+			}
+		},
+	};
+};
+
+/** @type {import('eslint').Rule.RuleModule} */
+module.exports = {
+	create,
+	meta: {
+		type: 'suggestion',
+		docs: {
+			description:
+				'Prefer class field declarations over assigning static values in constructor using `this`.',
+			recommended: true,
+		},
+		fixable: 'code',
+		hasSuggestions: false,
+		messages,
+	},
+};

test/prefer-class-fields.mjs

@@ -0,0 +1,91 @@
+import outdent from 'outdent';
+import {getTester} from './utils/test.mjs';
+
+const {test} = getTester(import.meta);
+
+const MESSAGE_ID = 'prefer-class-fields/error';
+
+test.snapshot({
+	valid: [
+		outdent`
+			class Foo {
+				foo = 'foo';
+			}
+		`,
+		outdent`
+			class MyError extends Error {
+				name = "MyError";
+			}
+		`,
+	],
+	invalid: [
+		outdent`
+			class Foo {
+				constructor() {
+					this.foo = 'foo';
+				}
+			}
+		`,
+		outdent`
+			class Foo {
+				constructor() {
+					this.foo = 'foo';
+					this.foo2 = 'foo2';
+				}
+			}
+		`,
+		outdent`
+			class Foo {
+				constructor(argument) {
+					this.foo = 'foo';
+					this.foo2 = argument + 'test';
+					this.foo3 = 'foo3';
+				}
+			}
+		`,
+		outdent`
+			class MyError extends Error {
+				constructor(message) {
+					super(message);
+					this.name = "MyError";
+				}
+			}
+		`,
+	],
+});
+
+test.typescript({
+	valid: [
+		outdent`
+			class Foo {
+				foo: string = 'foo';
+			}
+		`,
+		outdent`
+			declare class Foo {
+				constructor(foo?: string);
+			}
+		`,
+	],
+	invalid: [
+		{
+			code: outdent`
+				class MyError extends Error {
+					constructor(message: string) {
+						super(message);
+						this.name = "MyError";
+					}
+				}
+			`,
+			errors: [{messageId: MESSAGE_ID}],
+			output: outdent`
+				class MyError extends Error {
+					name = "MyError";
+					constructor(message: string) {
+						super(message);
+					}
+				}
+			`,
+		},
+	],
+});