Можно ли сделать сетеры для методов массива?

Question

[Andrey Suha]

В js можно делать геттеры и сеттеры для свойств объекта через definePropеrty или через get и set в es6 классах. Можно ли сделать сеттер для методов массива, например для push, но что бы не переопределять нативный метод ну и не писать обертки типа

{
    items: [],
    addItem(val) {
        this.items.puhs(val)
    }
}

Comments

[Дмитрий Беляев]

покажите пример, как Вы хотите это использовать, а то так не понятно

[twobomb]

Может что нибудь типа

var _origPush  = Array.prototype.push;
Array.prototype.push = function(v){	
	_origPush.call(this,v);
  //todo
}

[Andrey Suha]

Дмитрий Беляев, ну предлагаю Вы знаете как работает сеттер, при присваивании значения свойству выполняется какая то функция. Собственно если у меня в свойстве массив и я выполняю push я могу как то это перехватить и выполнять свою функцию.

[Andrey Suha]

twobomb, спасибо, но все же Ваш вариант переопределит нативный push и будет применяться ко всем вызовам push любого массива

[twobomb]

Andrey Suha, А вам нужно для конкретного? можно использовать

var a = [];
a.push =  function(v){	
	Array.prototype.push.call(this,v);
 //todo
}

Answer 1

[Дмитрий Беляев]

JS вполне себе динамический язык, позволяющий многое, но некоторыми вещами стоит пользоваться с осторожностью, чтобы потом не было мучительно больно это отлаживать.
Нужные методы можно подменить, просто перезаписав в них новые функции, но лучше делать это не глобально для всех массивов на прототипе, а на конкретном инстансе массива, например так:

const arr = []; // создали массив
arr.push = function() { // перезаписываем конкретно его push
  Array.prototype.push.apply(this, arguments); // вызвали оригинальный push со всеми аргументами
  // тут делаем еще что-то
};

Еще что-то может производить неожиданный эффект, который впоследствии доставит боли при дебаге такого кода, поэтому как рекомендовали выше, лучше пользоваться декоратором, но метод вполне рабочий, и используется например в vue.js для отслеживания изменений в массивах

Comments

[Сергей Соколов]

"great minds think alike" : )

[Andrey Suha]

Спасибо, можно сказать это то что я имел ввиду.

Answer 2

[Сергей Соколов]

Может, переопределить метод на экземпляре?

var a = [];
a.push = function() {
  Array.prototype.push.apply(this, arguments);
  // todo
  console.log("QnA.habr");
}

a.push(5); // QnA.habr
a.toString() // Array [ 5 ]

Answer 3

[Вадим]

<классическое отступление>
Делать подобные вещи, а так же переопределять прототип - считается плохим тоном. 
Написание, как Вы выразились "обёртки" - лучший выбор.
</классическое отступление>

Гетеры и сетеры это по своему существу - методы.
.push() - тоже метод.
Вы хотите установить метод для метода? Крайне маловероятно.

Ближайшее что Вам, гепотетически, может помочь - Proxy или декораторы

Comments

[Andrey Suha]

Спасибо)) исчерпывающе. Только я не понял о

подобных вещах

идёт речь

[Вадим]

другие разработчики, да и Вы сами спустя, например, год, посмотрев на, вроде как, нативный метод .push() будете ожидать что он работает как обычно, но почему-то он будет работать иначе и поиск причины, почему вроде как нативный метод работает иначе - может затянуться.
"подобные вещи" - это не очевидное изменение стандартных методов.

[Andrey Suha]

Вадим, Аааа, ну это понятно)) собственно по этому я в вопросе и написал

что бы не переопределять нативный метод