Я никогда не понимал, насколько важны основы/фон/основание моей карьеры по развитию, пока не начал пропустить или не допустить простых ошибок, которые можно подумать, это просто тривиальные. Эти ошибки в конечном итоге потребляют много времени отладки, потому что хорошо, они не мешают программе работать, но просто мешают точности результатов.
Возможно, я напишу статью об этом в будущем, о том, как разработчики особенно новички в полевых условиях изучать языки и следовать учебным пособиям, которые обещают полное понимание языка за 10 часов или недели и в конечном итоге не хватает крошечных, но важных концепций в кодировании, которые становятся дорогостоящими в их карьере – среди них, Переменная объявление.
Это, пожалуй, самое наиболее используемое слово при изучении любого языка программирования. Каждый разработчик работает с ними в течение дня, кода и даже всю вашу карьеру в разработке. Дело в том, что мы не можем работать или делать какое -либо кодирование без них. Итак, сегодня я решил взглянуть на их важность, кроме основного, о котором знает каждый разработчик – «проведение памяти». Я хотел рассказать о последствиях паршивой объявления переменной.
Если вы спросите какого -нибудь разработчика Разница между локальной и глобальной переменной , им будет довольно легко объяснить это вам чем -то вроде;
Глобальные переменные объявлено За пределами функции можно получить доступ или использовать в любой функции в рамках программы, в то время как локальные переменные – объявлено внутри функции и может использоваться только в этой функции.
Они могут даже пойти дальше и уточнить весь сценарий, используя термин Сфера применения ** Ссылаясь на **, где переменная виден или доступна. Это все приятно и образовательно, но на самом деле практическая часть этого уравнения немного сложнее, чем это. Как? Держись со мной здесь. В обоих определениях глобальных и локальных переменных есть выделенное имя; Объявлено Анкет Объявление имеет огромную разницу между двумя типами переменных, и, в свою очередь, два типа переменных определяют Точность или Точность любого проекта.
Обратите внимание здесь, я использовал точную и точность, потому что, можно испортить правила объявления переменной, и программа все равно будет давать результаты, но проблема заключается в том, являются ли рассматриваемые результаты точными или точными.
Теперь синтаксическая ошибка, которую можно использовать Google, MDN, W3Schools и StackOverflow среди других многочисленных источников, чтобы отлаживать довольно легко, я мог бы добавить, но когда у вас есть проблемы с объявлением переменной Узнайте, тогда у вас будет очень трудное время, потому что ваши программы всегда будут работать, но логическая часть будет Нет Буэно Что является огромной проблемой, потому что ни один клиент хочет продукт, который работает, но дает неисправные результаты.
Достаточно литературы, давайте возьмем пример того, как это было бы проблематично в небольшом фрагменте программы. Теперь давайте предположим, что у вас есть программа, которая печатает кучу имен в массиве;
const list = function () {
names = ["cyrus", "codes", "javascript"];
console.log(names);
};
Обратите внимание, что массив не был объявлен, но если вы называете функцию, в JavaScript программа работает просто отлично и действительно распечатывает список имен, и не объявление, похоже, не оказывает огромного влияния, поскольку она все равно распечатает список Анкет
const list = function () {
names = ["cyrus", "codes", "javascript"];
console.log(names);
};
list();
Теперь помните, что список имен в этом случае должен быть локальная переменная Только для использования и доступ к функции. Я хочу, чтобы вы вышли за пределы функции и попытались распечатать список;
const list = function () {
let names = ["cyrus", "codes", "javascript"];
};
list();
console.log(names);
и * УВЫ! * Мы можем получить доступ к переменной, которая должна была работать в рамках функции. Позвольте мне объяснить здесь. В JavaScript любая локально не декоративная переменная рассматривается как глобальная переменная и такая же применима на большинстве языков. Теперь из -за манипуляций с данными в вашем коде, когда вы продолжаете, это может быть катастрофическим, и, поскольку здесь нет ошибок, она становится огромной проблемой, пытающейся отладить его. Как избежать этого? Давайте объявим о нашей переменной внутри функции и посмотрим, что произойдет;
const list = function () {
let names = ["cyrus", "codes", "javascript"];
};
list();
console.log(names);
Вы получите очень сложную ошибку, в основном указывающую на то, что имена массивов не определены. Причиной этого является локально объявленная переменная может использоваться только локально локально то есть в рамках функции и, как показано вышеупомянутым кодом, невозможно получить доступ к переменной вне функции, если объявление выполняется в рамках функции.
Если вы хотите распечатать содержание функции, объявить функцию, внутри объявить переменные и распечатать его контент в функции или выполнить любую другую операцию Вы хотите, а затем Вызовите функцию снаружи, чтобы распечатать контент или дать результаты его операций.
Неспособность объявить переменные может быть не единственной ловушкой, когда дело доходит до объявления. Объявление функции также может быть огромной проблемой, если вы не осторожны. Посмотрите на этот пример;
list = function () {
// declare function/local variables
let names = ["cyrus", "codes", "javascript"];
// print out or perform functional operations
console.log(names);
};
// call the function
list();
list = function () {
// declare function/local variables
let names = ["hash", "node", "works"];
// print out or perform functional operations
console.log(names);
};
// call the function
list();
Если вы запускаете код, JavaScript может не создавать никаких ошибок – почему? Не декоративные функции, которые в конечном итоге разделяют одно и то же имя, и на самом деле, ваша программа будет создавать два разных вывода функции с именем списка, и при условии, что у вас есть сотни списков, у вас будет одна чертовски время, пытаясь разобраться в них Анкет
[ 'cyrus', 'codes', 'javascript' ] [ 'hash', 'node', 'works' ]
Если объявлено, JavaScript не позволит дважды использовать одно и то же имя функции, но вы должны сделать это по Должным образом объявление ваших переменных . следующее;
let listName1 = function () {
// declare function/local variables
let names = ["cyrus", "codes", "javascript"];
// print out or perform functional operations
console.log(names);
};
// call the function
listName1();
let listName2 = function () {
// declare function/local variables
let names = ["hash", "node", "works"];
// print out or perform functional operations
console.log(names);
};
// call the function
listName2();
О, и, наконец, обратите внимание на имена переменных или любые другие объявленные имена предметов, потому что вызов несуществующих функций и переменных не является огромным скачком, и все, что нужно, это разница в одной букве или подчеркивании. имя пользователя совершенно другая переменная от имя пользователя или даже имя пользователя .
Мне очень понравилось создавать эту статью, и, хотя это хорошее напоминание о том, насколько важно часто упускаемое из виду простой синтаксис JavaScript может сделать вас лучшим программистом, и, надеюсь, это поможет вам в карьере разработчика, так как это помогло мне. Поделитесь им в Твиттере или, если достаточно щедро подписаться на меня в Твиттере, и вы получите более проницательный контент прямо от того, откуда это произошло.
Оригинал: “https://dev.to/cyruscodes/importance-of-variable-declaration-before-use-in-javascript-34n5”