تسمية الكائن الجذر في ES6 معلمات وظيفة التدمير

يقدم ES6 التدمير كطريقة موجزة لاستخراج الخصائص من الكائنات والمصفوفات إلى متغيرات. ومع ذلك، قد يكون من الصعب الاحتفاظ باسم الكائن الجذر عند تدمير وسيطات الوظيفة.

استعارة الوراثة ES5

في ES5، يمكنك تمرير كائن الخيارات بالكامل "رفع" سلسلة الوراثة إلى فئة أصل، مما يسمح لها بالوصول إلى جميع المعلمات:

// ES5:
var setupParentClass5 = function(options) {
    textEditor.setup(options.rows, options.columns);
};

var setupChildClass5 = function(options) {
    rangeSlider.setup(options.minVal, options.maxVal);
    setupParentClass5(options); // pass the options object UP
};

إزالة ES6

مع تدمير ES6، يصبح استخراج معلمات محددة أكثر ملاءمة:

// ES6:
var setupParentClass6 = ({rows, columns}) => {
    textEditor.setup(rows, columns);
};

var setupChildClass6 = ({minVal, maxVal}) => {
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6( /* ??? */ );  // how to pass the root options object?
};

الخيارات: الاستخراج الفردي أو تمرير كائن الجذر

أحد الخيارات هو استخراج كل خيار على حدة في setupChildClass6()، ثم تمريرها إلى setupParentClass6(). ومع ذلك، يمكن أن يصبح هذا الأسلوب مطولا مع العديد من المعلمات:

// ugh.
var setupChildClass6b = ({minVal, maxVal, rows, columns}) => {
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6({rows, columns});
};

استخدام متغير مؤقت

الحل الأكثر إيجازًا هو استخدام متغير مؤقت للاحتفاظ بكائن خيارات الجذر قبل تمريره إلى setupParentClass6():

const setupChildClass6 = options => { const {minVal, maxVal} = options; rangeSlider.setup(minVal, maxVal); setupParentClass6(options); };

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options);
};

تسمح لك هذه الطريقة بتدمير المعلمات المحددة المطلوبة في setupChildClass6()، مع الاستمرار في تمرير كائن الخيارات بالكامل إلى setupParentClass6().