কীভাবে কোনও ডিওএম অবজেক্টে সম্পত্তি সেট করার সময় নো-প্যারাম-পুনরায় নিয়োগ এড়ানো যায়

Question 1

আমার একটি পদ্ধতি রয়েছে যার মূল উদ্দেশ্য একটি ডিওএম অবজেক্টে একটি সম্পত্তি সেট করা

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

আমি এয়ারবিএনবির কোড স্টাইল ব্যবহার করি যা ইএসলিন্টকে ত্রুটিযুক্ত করে তোলে no-param-reassign:

ত্রুটি বরাদ্দকরণ প্যারামিটার 'এল' নো-প্যারাম-রিসাইন করার জন্য

এয়ারবিএনবির কোড স্টাইলটি মেনে চলার সময় আমি কীভাবে ডিওএম অবজেক্টকে আর্গুমেন্ট হিসাবে পাস করব?

কেউ অন্য সমস্যার/* eslint react/prop-types: 0 */ উল্লেখ করে ব্যবহার করার পরামর্শ দিয়েছিল তবে আমার যদি ভুল না হয় তবে এটি প্রতিক্রিয়ার জন্য ভাল, তবে নেটিভ ডোম হেরফেরের জন্য নয়।

এছাড়াও আমি মনে করি না কোড স্টাইল পরিবর্তন করা একটি উত্তর। আমি বিশ্বাস করি যে একটি স্ট্যান্ডার্ড স্টাইল ব্যবহারের অন্যতম সুবিধা হল প্রকল্পগুলির নিয়মিত কোড থাকা এবং এ সংক্রান্ত নিয়মগুলি পরিবর্তন করা এয়ারবিএনবির মতো কোনও প্রধান কোড শৈলীর অপব্যবহারের মতো অনুভূত হয়।

রেকর্ডটির জন্য, আমি গিটহাবের এয়ারবিএনবিকে জিজ্ঞাসা করলাম, # 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
}

আপনি এই ব্লগ পোস্টটি বিশেষত এয়ারবিএনবির স্টাইল গাইডকে সামঞ্জস্য করার জন্য ESLint বিধি নিষ্ক্রিয় করার বিষয়েও দেখতে পারেন।

Question 3

যেমন এই নিবন্ধটি ব্যাখ্যা করেছে , এই বিধিটি পরিবর্তনকে এড়াতে বোঝানো হয়েছেarguments বস্তুর । আপনি যদি কোনও প্যারামিটারে বরাদ্দ করেন এবং তারপরে argumentsঅবজেক্টের মাধ্যমে কিছু পরামিতিগুলি ব্যবহার করে দেখার চেষ্টা করেন তবে এটি অপ্রত্যাশিত ফলাফলের দিকে নিয়ে যেতে পারে।

আপনি নিয়মটি অক্ষুণ্ন রাখতে এবং ডিওএম উপাদানটির রেফারেন্স পেতে অন্য পরিবর্তনশীলটি ব্যবহার করে এয়ারবিএনবি স্টাইলটি বজায় রাখতে পারেন এবং তারপরে এটি সংশোধন করতে পারেন:

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

জেএস বস্তুগুলিতে (ডিওএম নোড সহ) রেফারেন্স দ্বারা পাস করা হয়, সুতরাং এখানে elএবং theElementএকই ডিওএম নোডের রেফারেন্স রয়েছে, তবে পরিবর্তনটি সেই ডিওএম এলিমেন্টের কেবল একটি রেফারেন্স হিসাবে অবধি পরিবর্তন theElementকরে না argumentsobjectarguments[0]

এই পদ্ধতির নিয়মের ডকুমেন্টেশনে ইঙ্গিত দেওয়া হয়েছে :

এই নিয়মের জন্য সঠিক কোডের উদাহরণ:

/*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.statusCode = 404" এর পরিবর্তে "res.status (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: {} }))