Основы программирования на JavaScript


Прототипирование - часть 2


String.prototype.reverse = function(){ var out = ''; for(var i=this.length-1; i>=0; i--){ out+=this.substr(i, 1); } return out; } alert('asdf'.reverse());

Это может быть очень полезным инструментом при правильном использовании. Можно реализовать String.prototype.trim() для удаления из строки всех пробелов, Date.prototype.dayName - для получения названия дня недели из объекта Date и т.д. Однако настоятельно рекомендуется воздержаться от добавления каких-либо прототипов в Array или Object, так как в этом случае циклы "for-in " для двух этих типов данных будут работать неправильно. Рассмотрим следующий пример:

var myArray = [1, 2, 3]; for(n in myArray) alert(n); // выводит 0, 1 и 2 - индексы массива.

Array.prototype.something = function(){ };

for(n in myArray) alert(n); // выводит 'something', 0, 1 и 2.

Как можно видеть, здесь выполнено прототипирование Array и добавлена функция 'something'. Однако теперь эта функция 'something' видна как элемент массива, результат, который определенно не ожидался и не требовался. То же самое происходит с объектами и объектными литералами, если выполнить прототипирование Object. Если можно быть абсолютно уверенным, что цикл "for-in" никогда не будет использоваться и никакой другой разработчик не будет использовать этот код JavaScript, то можно применять прототипирование для Array или Object, но надо помнить о связанных с этим проблемах. Однако существуют другие методы для достижения тех же результатов. Например, для расширения Array можно задействовать следующий метод без прототипирования:

Array.find = function(ary, element){ for(var i=0; i<ary.length; i++){ if(ary[i] == element){ return i; } } return -1; }

alert(Array.find(['a', 'b', 'c', 'd', 'e'], 'b')); // выводит 1

Как можно видеть, теперь необходимо печатать type Array.find(ary, e) вместо ary.find(e), что пришлось бы делать, если прототипировать объект Array, но стоит напечатать эти несколько дополнительных символов, чтобы избежать потери существующей функциональности JavaScript.




Начало  Назад  Вперед



Книжный магазин