# object-shorthand

要求或禁止对象字面量的方法和属性简写语法

一些该规则报告的问题可以通过 --fix 命令行选项 自动修复

ECMAScript 6 为定义对象字面量方法和属性提供了一种简洁的形式。这种语法可以使定义复杂的对象字面量更加清晰。

以下是一些使用 ES5 语法的常见示例:

// properties
var foo = {
    x: x,
    y: y,
    z: z,
};

// methods
var foo = {
    a: function() {},
    b: function() {}
};

现在这里是 ES6 等价物:

/*eslint-env es6*/

// properties
var foo = {x, y, z};

// methods
var foo = {
    a() {},
    b() {}
};

# 规则详情

此规则强制使用速记语法。这适用于在对象字面量中定义的所有方法(包括生成器)以及在键名称与分配变量名称匹配的情况下定义的任何属性。

以下每个属性都会发出警告:

/*eslint object-shorthand: "error"*/
/*eslint-env es6*/

var foo = {
    w: function() {},
    x: function *() {},
    [y]: function() {},
    z: z
};

在这种情况下,预期的语法应该是:

/*eslint object-shorthand: "error"*/
/*eslint-env es6*/

var foo = {
    w() {},
    *x() {},
    [y]() {},
    z
};

此规则不标记对象字面量内的箭头函数。以下不会警告:

/*eslint object-shorthand: "error"*/
/*eslint-env es6*/

var foo = {
    x: (y) => y
};

# 选项

该规则采用一个选项,该选项指定何时应用它。它可以设置为以下值之一:

  • "always"(默认)希望尽可能使用速记。
  • "methods" 确保使用方法速记(也适用于生成器)。
  • "properties" 确保使用属性简写(其中键名和变量名匹配)。
  • "never" 确保在任何对象字面量中都没有使用任何属性或方法的简写。
  • "consistent" 确保在对象字面中使用所有速记或所有长格式。
  • "consistent-as-needed" 确保在对象字面中使用所有速记或所有长格式,但尽可能确保所有速记。

您可以像这样在配置中设置选项:

{
    "object-shorthand": ["error", "always"]
}

此外,该规则采用可选的对象配置:

  • "avoidQuotes": true 表示当对象键是字符串字面量时首选长格式语法(默认值:false)。请注意,仅当字符串选项设置为 "always""methods""properties" 时,才能启用此选项。
  • "ignoreConstructors": true 可用于防止规则报告构造函数的错误。(默认情况下,该规则对构造函数的处理方式与其他函数相同。)请注意,此选项只能在字符串选项设置为 "always""methods" 时启用。
  • "methodsIgnorePattern" (string) 对于名称与此正则表达式模式匹配的方法,将不强制执行方法简写。请注意,此选项只能在字符串选项设置为 "always""methods" 时使用。
  • "avoidExplicitReturnArrows": true 表示对于函数属性,方法优于显式返回箭头函数。(默认情况下,规则允许其中任何一个。)请注意,只有当字符串选项设置为 "always""methods" 时,才能启用此选项。

# avoidQuotes

{
    "object-shorthand": ["error", "always", { "avoidQuotes": true }]
}

带有 "always", { "avoidQuotes": true } 选项的此规则的错误代码示例:

/*eslint object-shorthand: ["error", "always", { "avoidQuotes": true }]*/
/*eslint-env es6*/

var foo = {
    "bar-baz"() {}
};

此规则使用 "always", { "avoidQuotes": true } 选项的正确代码示例:

/*eslint object-shorthand: ["error", "always", { "avoidQuotes": true }]*/
/*eslint-env es6*/

var foo = {
    "bar-baz": function() {},
    "qux": qux
};

# ignoreConstructors

{
    "object-shorthand": ["error", "always", { "ignoreConstructors": true }]
}

此规则使用 "always", { "ignoreConstructors": true } 选项的正确代码示例:

/*eslint object-shorthand: ["error", "always", { "ignoreConstructors": true }]*/
/*eslint-env es6*/

var foo = {
    ConstructorFunction: function() {}
};

# methodsIgnorePattern

此规则使用 "always", { "methodsIgnorePattern": "^bar$" } 选项的正确代码示例:

/*eslint object-shorthand: ["error", "always", { "methodsIgnorePattern": "^bar$" }]*/

var foo = {
    bar: function() {}
};

# avoidExplicitReturnArrows

{
    "object-shorthand": ["error", "always", { "avoidExplicitReturnArrows": true }]
}

带有 "always", { "avoidExplicitReturnArrows": true } 选项的此规则的错误代码示例:

/*eslint object-shorthand: ["error", "always", { "avoidExplicitReturnArrows": true }]*/
/*eslint-env es6*/

var foo = {
  foo: (bar, baz) => {
    return bar + baz;
  },

  qux: (foobar) => {
    return foobar * 2;
  }
};

此规则使用 "always", { "avoidExplicitReturnArrows": true } 选项的正确代码示例:

/*eslint object-shorthand: ["error", "always", { "avoidExplicitReturnArrows": true }]*/
/*eslint-env es6*/

var foo = {
  foo(bar, baz) {
    return bar + baz;
  },

  qux: foobar => foobar * 2
};

带有 "consistent" 选项的此规则的错误代码示例:

/*eslint object-shorthand: [2, "consistent"]*/
/*eslint-env es6*/

var foo = {
    a,
    b: "foo",
};

此规则使用 "consistent" 选项的正确代码示例:

/*eslint object-shorthand: [2, "consistent"]*/
/*eslint-env es6*/

var foo = {
    a: a,
    b: "foo"
};

var bar = {
    a,
    b,
};

带有 "consistent-as-needed" 选项的错误代码示例,与 "consistent" 非常相似:

/*eslint object-shorthand: [2, "consistent-as-needed"]*/
/*eslint-env es6*/

var foo = {
    a: a,
    b: b,
};

# 何时不使用

任何尚未处于 ES6 环境中的人都不想应用此规则。其他人可能会发现简写语法的简洁性更难阅读,并且可能不想通过此规则来鼓励它。

Last Updated: 5/13/2023, 8:55:38 PM