operator assignment eslint

Use of operator assignment shorthand is a stylistic choice. Leaving this rule turned off would allow developers to choose which style is more readable on a case-by-case basis. Version

ES2021 introduces the assignment operator shorthand for the logical operators ||, && and ?? . Before, this was only allowed for mathematical operations such as + or * (see the rule operator-assignment ). The shorthand can be used if the assignment target and the left expression of a logical expression are the same.

operator-assignment - ESLint - Pluggable JavaScript linter operator-assignment The --fix option on the command line can automatically fix some of the problems reported by this rule. Requires or disallows assignment operator shorthand where possible.

Use of operator assignment shorthand is a stylistic choice. Leaving this rule turned off would allow developers to choose which style is more readable on a case-by-case basis. Version This rule was introduced in ESLint v0.10.. Resources Rule source Tests source © OpenJS Foundation and other contributors Licensed under the MIT License.

A platform combines multiple tutorials, projects, documentations, questions and answers for developers

This rule requires or disallows assignment operator shorthand where possible. Options. This rule has a single string option: "always" (default) requires assignment operator shorthand where possible "never" disallows assignment operator shorthand; always. Examples of incorrect code for this rule with the default "always" option:

operator-assignment - Rules - ESLint中文 要求或禁止尽可能地简化赋值操作 (operator-assignment) 命令行 中的 --fix 选项可以自动修复一些该规则报告的问题。 JavaScript 为变量赋值和一些简单的数学运算提供了速记运算符。 例如， x = x + 4 可以简化为 x += 4 。 支持的简化形式如下：

The rule works in line with that fact, because it doesn't check the assignment operator (and also mistakenly allows += and other operators). However, we should probably rephrase the description in the docs since the condition "if the name cannot be assigned automatically in an ES6 environment" sounds ambiguous now.

/* eslint logical-assignment-operators: ["error", "never"] */ a ||= foo // autofix: a = a || foo a &&= foo // autofix: a = a && foo a ??= foo // autofix: a = a ?? foo a.b ||= foo // suggested fix: a.b = a.b || foo a.b &&= foo a.b ??= foo // suggested fix: a.b = a.b ?? foo

Require or disallow assignment operator shorthand where possible 🔧 Fixable Some problems reported by this rule are automatically fixable by the --fix command line option

1 Answer Sorted by: 2 When you have an arrow function with curly braces, its body must include at least one statement (as the error message suggests, an assignment or function call, or an if or return statement or something similar): const handleSwitchChange = { // Statements must go here };

If your current code works, it would probably be more appropriate to avoid the conditional operator entirely and use if / else instead: if (drillLevel === 'area') getCitiesData (bubbleId) else getStatesData (); This way, you don't actually have any unused expressions, which is the right way to fix this sort of linter warning. Share

ESLint中文官网, ESLint中英文对照, JavaScript代码检测, JavaScript代码风格检测, JavaScript代码自动格式化,A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. ... This rule enforces use of the shorthand assignment operators by requiring them where possible or prohibiting them ...