DOM ऑब्जेक्ट पर प्रॉपर्टी सेट करते समय no-param-reassign से कैसे बचें

Question 1

मेरे पास एक विधि है जिसका मुख्य उद्देश्य एक डोम ऑब्जेक्ट पर एक संपत्ति निर्धारित करना है

function (el) {
  el.expando = {};
}

मैं AirBnB की कोड शैली का उपयोग करता हूं जो ESLint को एक no-param-reassignत्रुटि देता है:

पैरामीटर 'एल' नो-परम-रिअसाइन को कार्य करने के लिए त्रुटि असाइनमेंट

मैं AirBnB की कोड शैली के अनुरूप एक DOM ऑब्जेक्ट को तर्क के रूप में कैसे हेरफेर कर सकता हूं?

किसी ने किसी अन्य मुद्दे का /* eslint react/prop-types: 0 */उल्लेख करने का उपयोग करने का सुझाव दिया, लेकिन अगर मैं गलत नहीं हूं तो यह प्रतिक्रिया के लिए अच्छी तरह से लागू होता है, लेकिन मूल डोम हेरफेर के लिए नहीं।

इसके अलावा, मुझे नहीं लगता कि कोड शैली बदलना एक उत्तर है। मेरा मानना है कि मानक शैली का उपयोग करने के लाभों में से एक है परियोजनाओं में लगातार कोड होना और नियमों को बदलना एयरबर्न्स जैसी प्रमुख कोड शैली का दुरुपयोग महसूस होगा।

रिकॉर्ड के लिए, मैंने GitHub पर AirBnB से पूछा, उन्हें क्या लगता है कि # 766 इश्यू में इन मामलों में जाने का तरीका क्या है ।

Question 2

जैसा कि @ मैथलेटिक्स से पता चलता है, आप इसे अपनी फ़ाइल में जोड़कर नियम को पूरी तरह से अक्षम कर सकते हैं.eslintrc.json :

"rules": {
  "no-param-reassign": 0
}

या आप विशेष रूप से परम गुणों के लिए नियम को अक्षम कर सकते हैं

"rules": {
  "no-param-reassign": [2, { "props": false }]
}

वैकल्पिक रूप से, आप उस फ़ंक्शन के लिए नियम को अक्षम कर सकते हैं

/* eslint-disable no-param-reassign */
function (el) {
  el.expando = {};
}
/* eslint-enable no-param-reassign */

या उस लाइन के लिए ही

function (el) {
  el.expando = {}; // eslint-disable-line no-param-reassign
}

आप विशेष रूप से AirBnB के स्टाइल गाइड को समायोजित करने के लिए ESLint नियमों को अक्षम करने पर इस ब्लॉग पोस्ट को भी देख सकते हैं।

Question 3

जैसा कि इस लेख में बताया गया है , यह नियम argumentsऑब्जेक्ट को म्यूट करने से बचने के लिए है । यदि आप किसी पैरामीटर को असाइन करते हैं और फिर argumentsऑब्जेक्ट के माध्यम से कुछ मापदंडों का उपयोग करने का प्रयास करते हैं , तो यह अप्रत्याशित परिणाम ला सकता है।

आप DOM तत्व का संदर्भ पाने के लिए किसी अन्य चर का उपयोग करके नियम को बरकरार रख सकते हैं और AirBnB शैली को बनाए रख सकते हैं और फिर संशोधित कर सकते हैं:

function (el) {
  var theElement = el;
  theElement.expando = {};
}

JS ऑब्जेक्ट्स (DOM नोड्स सहित) को संदर्भ के द्वारा पास किया जाता है, इसलिए यहाँ elऔर theElementउसी DOM नोड के संदर्भ हैं, लेकिन ऑब्जेक्ट को संशोधित theElementनहीं करता है argumentsक्योंकि arguments[0]यह केवल उस DOM तत्व का संदर्भ है।

इस दृष्टिकोण को नियम के लिए प्रलेखन में संकेत दिया गया है :

इस नियम के लिए सही कोड के उदाहरण:

/*eslint no-param-reassign: "error"*/

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

व्यक्तिगत रूप से, मैं सिर्फ "no-param-reassign": ["error", { "props": false }]दृष्टिकोण का उल्लेख किया अन्य जवाब के एक जोड़े का उपयोग करेगा । पैरामीटर की एक संपत्ति को संशोधित करना उस पैरामीटर को म्यूट नहीं करता है जो उस पैरामीटर को संदर्भित करता है और उस प्रकार की समस्याओं में नहीं चलना चाहिए जो इस नियम से बचने की कोशिश कर रहा है।

Question 4

आप अपनी .eslintrcफ़ाइल के अंदर इस नियम को ओवरराइड कर सकते हैं और इसे इस तरह के परम गुणों के लिए अक्षम कर सकते हैं

{
    "rules": {
        "no-param-reassign": [2, { 
            "props": false
        }]
    },
    "extends": "eslint-config-airbnb"
}

इस तरह से नियम अभी भी सक्रिय है लेकिन यह गुणों के लिए चेतावनी नहीं देगा। अधिक जानकारी: http://eslint.org/docs/rules/no-param-reassign

Question 5

no-param-reassignचेतावनी आम कार्यों के लिए समझ में आता है, लेकिन एक क्लासिक के लिएArray.forEach एक सरणी जो आप इसे उत्परिवर्तित करने का इरादा अधिक पाश उचित नहीं है।

हालाँकि, इसे प्राप्त करने के लिए, आप Array.mapएक नई वस्तु के साथ भी उपयोग कर सकते हैं (यदि आप मेरे जैसे हैं, तो टिप्पणियों के बारे में चेतावनियाँ देना पसंद नहीं करते हैं:

someArray = someArray.map((_item) => {
    let item = Object.assign({}, _item); // decouple instance
    item.foo = "bar"; // assign a property
    return item; // replace original with new instance
});

Question 6

function (el) {
  el.setAttribute('expando', {});
}

बाकी सब सिर्फ बदसूरत हैक्स है।

Question 7

इस नियम को चुनिंदा रूप से निष्क्रिय करने की इच्छा रखने वालों को उस नियम के लिए प्रस्तावित नए विकल्प में रुचि हो सकती no-param-reassignहै जो ऑब्जेक्ट नामों की "सफेद सूची" की अनुमति देगा जिसके संबंध में पैरामीटर पुन: असाइनमेंट को अनदेखा किया जाना चाहिए।

Question 8

प्रलेखन के बाद :

function (el) {
  const element = el
  element.expando = {}
}

Question 9

आप लॉश का उपयोग भी कर सकते हैं assignInजो ऑब्जेक्ट को म्यूट करता है। assignIn(obj, { someNewObj });

https://lodash.com/docs/4.17.2#assignIn

Question 10

डेटा अपडेट करने के लिए आप विधियों का उपयोग कर सकते हैं। उदाहरण के लिए। "res.status (404)" के बजाय "res.statusCode = 404" मैंने समाधान ढूंढ लिया। https://github.com/eslint/eslint/issues/6505#issuecomment-282325903

/*eslint no-param-reassign: ["error", { "props": true, "ignorePropertyModificationsFor": ["$scope"] }]*/

app.controller('MyCtrl', function($scope) {
  $scope.something = true;
});

Question 11

आप उपयोग कर सकते हैं:

(param) => {
  const data = Object.assign({}, param);
  data.element = 'some value';
}

Question 12

यदि आप किसी ऑब्जेक्ट ऐरे के अंदर कोई मान बदलना चाहते हैं, तो आप उपयोग कर सकते हैं

array.forEach(a => ({ ...a, expando: {} }))