1

Изучил миксины в es5 (т.е. через самописную функцию)

var extend = function(target) { // get target [0] and mixins
    if(!arguments[1]) { // if no mixins in arguments[]
        return; // quit
    }

    for(i=1; i < arguments.length; i++) { // skip [0] as its the target
        var source = arguments[i]; // get current mxin

        console.log(source);

        for(var prop in source) { // inner loop with current mixin
            if(!target[prop] && source.hasOwnProperty(prop)) { // antiduplicate
                target[prop] = source[prop]; // assign each
            }
        }
    }
};

теперь изучаю es6 и правильно я понимаю что в нем уже не используются самописные функции для миксинов, и есть внутренняя функция для примесей?

1
  • 1
    там нет миксинов, декораторы то еще в подвешенном состоянии
    – ThisMan
    26 сен 2018 в 13:11

1 ответ 1

-3

В самом языке миксинов нет, но вместо

var extend = function(target) { // get target [0] and mixins
    if(!arguments[1]) { // if no mixins in arguments[]
        return; // quit
    }

    for(i=1; i < arguments.length; i++) { // skip [0] as its the target
        var source = arguments[i]; // get current mxin

        // console.log(source);

        for(var prop in source) { // inner loop with current mixin
            if(!target[prop] && source.hasOwnProperty(prop)) { // antiduplicate
                target[prop] = source[prop]; // assign each
            }
        }
    }
};

var obj = {
  a: 5
}

extend(obj, { b: 6})

console.log(obj)

Можно написать:

function extend (obj) {
  Object.assign(obj, ...arguments)

}

let obj = {
  a: 5
}

extend(obj, { b: 6}, { c: 7, d: { a: 8 } })

console.log(obj)

Но как тут так и у Вас идет мутирование оригинального объекта, плохая практика, нужно возвращать новый объект.

const oldObj = {
  a: 5
}

const newObj = extend(oldObj, { b: 6}, { c: 7, d: { a: 8 } })

console.log(oldObj, newObj)

function extend (obj) {
  // делает глубокую копию чтобы убрать ссылки на объекты
  return copy(Object.assign({}, obj, ...arguments))
}

function copy (obj) {
  return JSON.parse(JSON.stringify(obj))
}

В коде приставлен самый простой и быстрый вариант клонирования, но не совсем полноценно работает, подробней можете прочитать ЗДЕСЬ.

Я обычно использую этот npm пакет для этого.

14
  • 1
    Да, щас может напишу что лучше использовать 26 сен 2018 в 13:22
  • 1
    там по сути цепочка наследования, которая вынесена в функции. Ваш код работает не с классами, а объектами 26 сен 2018 в 13:28
  • 2
    JSON.parse(JSON.stringify(obj)) упадет если есть циклические ссылки + методы так не копируются
    – ThisMan
    26 сен 2018 в 13:32
  • 3
    Вы непоследовательны. Почему вы делаете глубокую копию первого аргумента, но поверхностную всех остальных? Надо или заморочиться глубоким клонированием всех-всех-всех объектов, или использовать классическое Object.assign({}, obj, ...arguments) 26 сен 2018 в 13:56
  • 1
    Забыл) Спасибо, переделал. 26 сен 2018 в 14:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.