Дайте второе имя переменной в javascript

У меня есть источник кода, который содержит длинное имя переменной (postCustomThumbnailsScrollerHeight).

Я не хочу переименовывать эту переменную для всего источника кода, чтобы я мог легко продолжить проект, но иметь сокращенное название. Я попробовал следующее решение (которое работает) при первом объявлении переменной, но я не уверен, что это правильный способ сделать это. У меня есть другой цвет d в IDE:

var postCustomThumbnailsScrollerHeight= d= $('.post-scroller').outerHeight();

Я ищу по этому вопросу свой обычный экспертный совет.

Ответ 1

Нет, это не совсем правильно: вы не объявляете переменную d, только присваиваете ей и, следовательно,

  • делает его глобальным (что может быть или не желательно)
  • делает ваш код несовместимым с строгим режимом

Здесь решение:

var d = $('.post-scroller').outerHeight(),
    postCustomThumbnailsScrollerHeight = d;

Обратите внимание, что это должно быть сделано только для проблем чтения/ввода, а не для загруженного script size: minifiers следует использовать для этой последней цели.

Также будьте осторожны, что вы не создаете псевдоним, но действительно две переменные. Если вы назначите один, вы не измените другой. Трудно дать конкретный совет без дополнительной информации, но обычным решением является наличие объекта с именами:

Предполагая, что у вас есть структура

myApp.thumbnailScrollers.postCustom = {height:...

то вы просто назначили этот последний объект локальной переменной в модуле или функции:

var s = myApp.thumbnailScrollers.postCustom

В этом случае изменение s.height также изменит myApp.thumbnailScrollers.postCustom.height.

Ответ 2

Возможно, у вас другой цвет, потому что в этом случае b это глобальная переменная.

По моему мнению, лучше написать все определения по разным строкам:

var postCustomThumbnailsScrollerHeight = $('.post-scroller').outerHeight();
var d = postCustomThumbnailsScrollerHeight;

Ответ 3

Хотя JavaScript не поддерживает ссылки, вы можете стимулировать их с помощью кода, например:

function d(){
    return postCustomThumbnailsScrollerHeight;
}

Тогда просто используйте d() всюду. Это не очень элегантно, но насколько я знаю, это единственный способ получить ссылку в JavaScript.

Ответ 4

У вас есть проблема с объявлением var в следующей строке? Вы могли бы просто сделать:

var postCustomThumbnailsScrollerHeight = $('.post-scroller').outerHeight();
var d = postCustomThumbnailsScrollerHeight;