[英]How can I 'return this' in the current JavaScript snippet to cater for chaining in the caller without breaking my ESLint rules?
我有以下代碼。 它完美地工作,並且調用者需要每個部分由於鏈接而return this
:
module.exports = function(res){
return {
success: function(content, contentType, resultCode) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode||'ok')
)
return this
},
error: function(resultCode, content, contentType){
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode||'bad_request')
)
return this
},
end: function(callback){
res.end()
callback&&callback()
return this
}
}
}
問題是我需要我的代碼來傳遞一組ESLint
規則。 上面的代碼失敗,其中第36行是第一行代碼:
36:18 warning Unexpected unnamed function func-names
36:26 error Missing space before function parentheses space-before-function-paren
36:31 error Missing space before opening brace space-before-blocks
38:12 warning Unexpected unnamed method 'success' func-names
38:20 error Missing space before function parentheses space-before-function-paren
43:34 error Infix operators must be spaced space-infix-ops
43:41 error Missing trailing comma comma-dangle
44:5 error Missing semicolon semi
45:15 error Missing semicolon semi
47:10 warning Unexpected unnamed method 'error' func-names
47:18 error Missing space before function parentheses space-before-function-paren
47:52 error Missing space before opening brace space-before-blocks
52:34 error Infix operators must be spaced space-infix-ops
52:50 error Missing trailing comma comma-dangle
53:5 error Missing semicolon semi
54:15 error Missing semicolon semi
56:8 warning Unexpected unnamed method 'end' func-names
56:16 error Missing space before function parentheses space-before-function-paren
56:26 error Missing space before opening brace space-before-blocks
57:13 error Missing semicolon semi
58:4 error Expected an assignment or function call and instead saw an expression no-unused-expressions
58:12 error Infix operators must be spaced space-infix-ops
58:24 error Missing semicolon semi
59:15 error Missing semicolon semi
60:4 error Missing trailing comma comma-dangle
61:3 error Missing semicolon semi
62:2 error Missing semicolon semi
下面的代碼段傳遞了規則,但是沒有return this
因為由於no-invalid-this
規則會產生另一個ESLint
錯誤,並且嚴重地,不再有效,打破了鏈接:
module.exports = res => ({
success: (content, contentType, resultCode) => {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'ok'),
);
},
error: (resultCode, content, contentType) => {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'bad_request'),
);
},
end: (callback) => {
res.end();
if (callback) {
callback();
return undefined;
}
return undefined;
},
});
我的問題是我如何調整第二個片段(或者第一個片段)在功能上與第一個片段相同但仍然通過ESLint
規則? 如何正確返回以允許與呼叫者鏈接?
我的.eslintrc.json
:
{
"extends": "airbnb-base",
"rules": {
// use tabs, not spaces, and in switch statements the case statement should indent again (the default is to be level with the switch)
"indent": [ "error", "tab", { "SwitchCase": 1 } ],
// if you want to put a blank line at the beginning or end of a block, knock yourself out
"padded-blocks": [ "off" ],
// i like tabs. besides, we set indent to require them
"no-tabs": [ "off" ],
// seriously, who cares if there's a blank line at the end of the file or not?
"eol-last": [ "off" ],
// sometimes having a long single line makes sense, this also seems buggy and inconsistent, so we ignore it
"max-len": [ "off" ],
// webstorm repeatedly tries to add it for us. it's easier not to fight it, even if it's not required.
"strict": [ "off" ],
// when setting the property of an object, you can specify the name even if it's unnecessary (ie: { foo: foo })
"object-shorthand": [ "off" ],
// unused vars are an error, except for function arguments.
// particularly with callbacks we may not use all the args, but we still like knowing they're available
"no-unused-vars": [ "error", { "vars": "all", "args": "none", "ignoreRestSiblings": true } ],
// you don't have to use operator assignment if you don't want to
"operator-assignment": [ "warn" ],
// we don't want else to be on the same line as the closing } of an if statement
"brace-style": [ "error", "stroustrup" ],
// warn about overly complex code that you may want to refactor
"complexity": [ "warn", 15 ],
// it's possible that implicit coercion is not what you intended. webstorm warns about it, so should we
"no-implicit-coercion": [ "warn" ],
// if you're using 'this' somewhere that isn't a class you're probably doing something wrong
"no-invalid-this": [ "error" ],
// if you're not modifying the variable used in a loop condition, you've probably done something wrong...
"no-unmodified-loop-condition": [ "warn" ],
// don't use .call or .apply when you don't need to
"no-useless-call": [ "warn" ],
// we want to slap you if you don't update your jsdoc, but not necessarily break one of your fingers
"valid-jsdoc": [ "warn" ],
// forgetting to return after calling a callback is an easy mistake to make, so we'll warn you if you are
"callback-return": [ "warn" ]
}
}
正如eslint規則的文檔所提到的那樣 ,你需要給你的匿名函數表達式一個名字(所以它們不再是匿名的)。
順便說一下,這是一個很好的做法,因為你可以更好地調試它,並在需要時將其稱為遞歸函數。
那為什么不給他們起名字呢?
module.exports = function exports(res) {
return {
success: function success(content, contentType, resultCode) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'ok'),
);
return this;
},
error: function error(resultCode, content, contentType) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'bad_request'),
);
return this;
},
end: function end(callback) {
res.end();
if (callback) {
callback();
return undefined;
}
return this;
},
}
}
我選擇了第三個片段,它在功能上與第一個片段相同,沒有ESLint錯誤,只有ESLint警告:
module.exports = function (res) {
return {
success: function (content, contentType, resultCode) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'ok'),
);
return this;
},
error: function (resultCode, content, contentType) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'bad_request'),
);
return this;
},
end: function (callback) {
res.end();
if (callback) {
callback();
return undefined;
}
return this;
},
};
};
36:18 warning Unexpected unnamed function func-names
38:12 warning Unexpected unnamed method 'success' func-names
47:10 warning Unexpected unnamed method 'error' func-names
56:8 warning Unexpected unnamed method 'end' func-names
但是,如果有人願意在我的問題中調整片段2來工作,好像它“返回了這個”,傳遞我的ESLint錯誤,警告並在功能上等同於片段1或我的答案,那么我會將答案標記為正確!
我猜你應該為你的方法使用方法語法,而不是函數表達式:
module.exports = (res) => ({
success(content, contentType, resultCode) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'ok'),
);
return this;
},
error(resultCode, content, contentType) {
sendResponse(
res,
content,
validateContentType(contentType),
validateResultCode(resultCode || 'bad_request'),
);
return this;
},
end(callback) {
res.end();
if (callback) {
callback();
}
return this;
},
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.