1

Допустимо использовать одинаковое название для класса и переменной в примере class settingsBlock и объект let settingsBlock? Или название объекта не должно быть в camelCase?

class settingsBlock extends elementByClass {
    open () {
        this.classList.toggle('settings_opened');
    }
}

let settingsBlock = new settingsBlock('settings');

document.getElementsByClassName('settings-button')[0].onclick = function () {
    settingsBlock.open();
};

Ткните, пожалуйста, в документацию. Все примеры, которые видел используют простые слова типа "menu, settings, button", для обозначения переменной, что неудобно в больших проектах

4
  • Вот неплохое соглашение по наименованию соглашение
    – Mikl
    21 дек 2016 в 12:15
  • @Mikl не понял, зачем вы предложили БЭМ? речь идет о js
    – while1pass
    21 дек 2016 в 12:47
  • увидел settings-button и settings_opened в одном коде и решил что автору будет полезно и с этим разобраться
    – Mikl
    21 дек 2016 в 12:49
  • @Mikl а что с ними не так?
    – while1pass
    21 дек 2016 в 12:51

2 ответа 2

1

Нет, такое недопустимо.

При создании класса, либо объявлении переменной с помощью let либо const с именем которое уже существует, будет брошено исключение:

Identifier '' has already been declared

И проблема не в camel-case.

1
1

Когда Вы объявляете переменную, функцию или что-либо ещё, то создается область видимости. Область видимости, это грубо говоря объект, который хранит ссылки на объекты создаваемые внутри этой области.

Так вот эта область видимости так же как и Object все значения хранит в качестве свойств, для ключей которых используется строка. Это означает что и переменная и функция будет выглядеть примерно так -

var propName = 5;

function functionName(){};

{ propName: propName, functionName: functionNane }

Так же нужно помнить что имя переменной это ссылка на объект и из этого следует что в одной области видимости не может быть два одинаковых ключа - две одинаковых ссылки.

И отдельно про именование - в js для именования переменных, типов, констант и методов принято использовать java style -

  • var propName
  • let propName
  • const CONST_NAME
  • function functionName(){}
  • class ClassName{}
1
  • Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат.
    – user177221
    21 дек 2016 в 16:13

Ваш ответ

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

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