Question

我有以下对象不适合我的编码屏幕：

{"hide(), show(), toggle(), fadeIn(), fadeOut(), fadeTo(), fadeToggle(), slideDown(), slideUp(), slideToggle(), animate(). Something different for text(), html(), and val() , attr() and load() ": "after each functions callback function can be executed?"},

逗号后打破它不起作用。这两个\n都没有帮助。

如何破解代码以便更容易维护？

Answer 1

在ES6中，您可以使用括号表示法来定义对象键名称，如下所示：

const fooObj = {
  [fooName]: 'some nifty message'
}

其中fooName可以是包含有效字符串的变量。将其与模板文字字符串混合，您可以执行以下操作：

const fooName = `
fee(),
fi(),
fo(),
fum(),
Homie I am not playing with you
`;
const fooObj = {
  [fooName]: 'some nifty message'
}

这应该有用

Answer 2

您可以使用IDE的自动换行/换行功能。

在Visual Studio代码中：

从v1.0起，您可以切换自动换行：


使用新命令editor.action.toggleWordWrap，

来自View

菜单（查看＆gt;切换自动换行）或使用ALT + Z键盘快捷键   （对于Mac：⌥+ Z）。

来源HERE

或者你可以使用这样的+符号的javascript字符串连接来构建密钥字符串并在你的对象中使用它：

var key = "hide(), show(), toggle(), fadeIn(), fadeOut(), fadeTo(), "+
          "fadeToggle(), slideDown(), slideUp(), slideToggle(), "+
          "animate(). Something different for text(), html(), "+
          "and val() , attr() and load() "
var obj = { [key] : "after each functions callback function can be executed?"}

或者如果您愿意在一个声明中：

var obj = { ["hide(), show(), toggle(), fadeIn(), fadeOut(), fadeTo(), "+
          "fadeToggle(), slideDown(), slideUp(), slideToggle(), "+
          "animate(). Something different for text(), html(), "+
          "and val() , attr() and load() "] : 
          "after each functions callback function can be executed?"}

代码行包装在一个长的javascript对象中

2 个答案: