🧾 Функции в Python (часть 6)
Аргументы ключевых слов
Вы также можете отправлять аргументы с синтаксисом ключ = значение syntax.
Таким образом, порядок аргументов не имеет значения.
Пример:
def my_function(child3, child2, child1):
print('Самый младший ребенок ' + child3)
my_function(child1 = 'Emil', child2 = 'Tobias', child3 = 'Linus')
Фраза Аргументы ключевого слова часто сокращается до kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Аргументы ключевых слов
Вы также можете отправлять аргументы с синтаксисом ключ = значение syntax.
Таким образом, порядок аргументов не имеет значения.
Пример:
def my_function(child3, child2, child1):
print('Самый младший ребенок ' + child3)
my_function(child1 = 'Emil', child2 = 'Tobias', child3 = 'Linus')
Фраза Аргументы ключевого слова часто сокращается до kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 7)
Произвольные аргументы ключевого слова kwargs
Если вы не знаете, сколько ключевых слов будет передано в вашу функцию, добавьте две звездочки: перед именем параметра в определении функции.
Таким образом, функция получит словарь аргументов и сможет соответственно получить доступ к элементам:
Пример – если количество аргументов ключевого слова неизвестно, добавьте двойной ** перед именем параметра:
def my_function(**kid):
print('Его фамилия ' + kid['lname'])
my_function(fname = 'Tobias', lname = 'Refsnes')
Произвольные аргументы Kword часто сокращаются до **kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Произвольные аргументы ключевого слова kwargs
Если вы не знаете, сколько ключевых слов будет передано в вашу функцию, добавьте две звездочки: перед именем параметра в определении функции.
Таким образом, функция получит словарь аргументов и сможет соответственно получить доступ к элементам:
Пример – если количество аргументов ключевого слова неизвестно, добавьте двойной ** перед именем параметра:
def my_function(**kid):
print('Его фамилия ' + kid['lname'])
my_function(fname = 'Tobias', lname = 'Refsnes')
Произвольные аргументы Kword часто сокращаются до **kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 8)
Значение параметра по умолчанию
В следующем примере показано, как использовать значение параметра по умолчанию.
Если мы вызываем функцию без аргумента, она использует значение по умолчанию:
Пример:
def my_function(country = 'России'):
print('Я из ' + country)
my_function('Швеции')
my_function('Индии')
my_function()
my_function('Бразилии')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Значение параметра по умолчанию
В следующем примере показано, как использовать значение параметра по умолчанию.
Если мы вызываем функцию без аргумента, она использует значение по умолчанию:
Пример:
def my_function(country = 'России'):
print('Я из ' + country)
my_function('Швеции')
my_function('Индии')
my_function()
my_function('Бразилии')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 9)
Атрибут required
Ввод атрибута required указывает, что перед отправкой формы необходимо заполнить поле ввода.
Атрибут required работает со следующими типами входных данных: text, search, url, tel, email, password, date pickers, number, checkbox, radio, и file.
Пример – обязательное поле ввода: код.
Атрибут step
Ввод атрибута step задает допустимые интервалы чисел для поля ввода.
Пример: если step="3", законными числами могут быть -3, 0, 3, 6 и т.д.
Этот атрибут можно использовать вместе с атрибутами max и min для создания диапазона допустимых значений.
Атрибут step работает со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Пример – поле ввода с заданными интервалами законных номеров: код.
Ограничения ввода не являются надежными, и JavaScript предоставляет множество способов добавления незаконных входных данных. Чтобы безопасно ограничить ввод, он также должен быть проверен получателем (сервером).
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут required
Ввод атрибута required указывает, что перед отправкой формы необходимо заполнить поле ввода.
Атрибут required работает со следующими типами входных данных: text, search, url, tel, email, password, date pickers, number, checkbox, radio, и file.
Пример – обязательное поле ввода: код.
Атрибут step
Ввод атрибута step задает допустимые интервалы чисел для поля ввода.
Пример: если step="3", законными числами могут быть -3, 0, 3, 6 и т.д.
Этот атрибут можно использовать вместе с атрибутами max и min для создания диапазона допустимых значений.
Атрибут step работает со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Пример – поле ввода с заданными интервалами законных номеров: код.
Ограничения ввода не являются надежными, и JavaScript предоставляет множество способов добавления незаконных входных данных. Чтобы безопасно ограничить ввод, он также должен быть проверен получателем (сервером).
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 10)
Атрибут autofocus
Ввод атрибута autofocus указывает, что поле ввода должно автоматически получать Фокус при загрузке страницы.
Пример – пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы: код.
Атрибуты height и width
Ввод атрибутов height и width определяют высоту и ширину объекта элемента input type="image".
Всегда указывайте атрибуты высоты и ширины для изображений. Если заданы высота и ширина, то пространство, необходимое для изображения, резервируется при загрузке страницы. Без этих атрибутов браузер не знает размер изображения и не может зарезервировать для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы будет меняться во время загрузки (в то время как изображения загружаются).
Пример – определить изображение кнопки "Отправить", с помощью атрибутов height и width: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут autofocus
Ввод атрибута autofocus указывает, что поле ввода должно автоматически получать Фокус при загрузке страницы.
Пример – пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы: код.
Атрибуты height и width
Ввод атрибутов height и width определяют высоту и ширину объекта элемента input type="image".
Всегда указывайте атрибуты высоты и ширины для изображений. Если заданы высота и ширина, то пространство, необходимое для изображения, резервируется при загрузке страницы. Без этих атрибутов браузер не знает размер изображения и не может зарезервировать для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы будет меняться во время загрузки (в то время как изображения загружаются).
Пример – определить изображение кнопки "Отправить", с помощью атрибутов height и width: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 9)
Передача списка в качестве аргумента
Вы можете отправить аргумент любого типа в функцию (строка, число, список, словарь и т. д.), и внутри функции он будет рассматриваться как тот же тип данных.
Например, если вы отправите список в качестве аргумента, он все равно будет списком, когда он достигнет функции.
Пример:
def my_function(food):
for x in food:
print(x)
fruits = ['яблоко', 'банан', 'вишня']
my_function(fruits)
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Передача списка в качестве аргумента
Вы можете отправить аргумент любого типа в функцию (строка, число, список, словарь и т. д.), и внутри функции он будет рассматриваться как тот же тип данных.
Например, если вы отправите список в качестве аргумента, он все равно будет списком, когда он достигнет функции.
Пример:
def my_function(food):
for x in food:
print(x)
fruits = ['яблоко', 'банан', 'вишня']
my_function(fruits)
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 10)
Возвращаемые значения
Чтобы функция возвращала значение, используйте оператор return.
Пример:
def my_function(x):
return 5 * x
print(my_function(3))
print(my_function(5))
print(my_function(9))
Оператор pass
Функции не могут быть пустыми, но если по какой-то причине у вас есть определение функции без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
def myfunction():
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Возвращаемые значения
Чтобы функция возвращала значение, используйте оператор return.
Пример:
def my_function(x):
return 5 * x
print(my_function(3))
print(my_function(5))
print(my_function(9))
Оператор pass
Функции не могут быть пустыми, но если по какой-то причине у вас есть определение функции без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
def myfunction():
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (финал)
Атрибут list
Ввод атрибута list относится к элементу datalist, содержащий предварительно определенные параметры для элемента input.
Пример – один элемент input с заданными значениями в datalist: код.
Атрибут autocomplete
Ввод атрибута autocomplete указывает, должна ли форма или поле ввода иметь автозаполнение включено или выключено.
Автозаполнение позволяет браузеру предсказать значение. Когда пользователь начинает вводить поле, браузер должен отображать параметры для заполнения поля, основанные на ранее введенных значениях.
Атрибут autocomplete работает с form и input типами: text, search, url, tel, email, password, datepickers, range, и color.
Пример – HTML форма с включенным и выключенным автозаполнением для одного поля ввода: код.
В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут list
Ввод атрибута list относится к элементу datalist, содержащий предварительно определенные параметры для элемента input.
Пример – один элемент input с заданными значениями в datalist: код.
Атрибут autocomplete
Ввод атрибута autocomplete указывает, должна ли форма или поле ввода иметь автозаполнение включено или выключено.
Автозаполнение позволяет браузеру предсказать значение. Когда пользователь начинает вводить поле, браузер должен отображать параметры для заполнения поля, основанные на ранее введенных значениях.
Атрибут autocomplete работает с form и input типами: text, search, url, tel, email, password, datepickers, range, и color.
Пример – HTML форма с включенным и выключенным автозаполнением для одного поля ввода: код.
В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (финал)
Рекурсия
Python также допускает рекурсию функций, это означает, что определенная функция может вызывать сама себя.
Рекурсия является общей математической и программной концепцией. Это означает, что функция вызывает сама себя. Преимущество этого заключается в том, что вы можете перебирать данные для достижения результата.
Разработчик должен быть очень осторожен с рекурсией, так как может быть легко написать функцию, которая никогда не завершится, или функцию, которая использует избыточное количество памяти или мощности процессора. Однако при правильном написании рекурсия может быть очень эффективным и математически элегантным подходом к программированию.
В следующем примере, tri_recursion() это функция, которую мы определили для вызова самой себя ("recurse"). Мы используем переменную k в качестве данных, которые уменьшаются (-1) каждый раз. Рекурсия заканчивается, когда условие не больше 0 (т. е. когда оно равно 0).
Новому разработчику может потребоваться некоторое время, чтобы понять, как именно это работает, лучший способ узнать это - протестировать и изменить код.
Пример рекурсии: код.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Рекурсия
Python также допускает рекурсию функций, это означает, что определенная функция может вызывать сама себя.
Рекурсия является общей математической и программной концепцией. Это означает, что функция вызывает сама себя. Преимущество этого заключается в том, что вы можете перебирать данные для достижения результата.
Разработчик должен быть очень осторожен с рекурсией, так как может быть легко написать функцию, которая никогда не завершится, или функцию, которая использует избыточное количество памяти или мощности процессора. Однако при правильном написании рекурсия может быть очень эффективным и математически элегантным подходом к программированию.
В следующем примере, tri_recursion() это функция, которую мы определили для вызова самой себя ("recurse"). Мы используем переменную k в качестве данных, которые уменьшаются (-1) каждый раз. Рекурсия заканчивается, когда условие не больше 0 (т. е. когда оно равно 0).
Новому разработчику может потребоваться некоторое время, чтобы понять, как именно это работает, лучший способ узнать это - протестировать и изменить код.
Пример рекурсии: код.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Комментарии JavaScript (часть 1)
JavaScript комментарий можно использовать для объяснения кода JavaScript и сделать его более читабельным, а также он может использоваться для предотвращения выполнения при тестировании альтернативного кода.
Однострочные комментарии
Однострочные комментарии начинаются с //.
Любой текст между // и концом строки будет игнорироваться JavaScript (не будут выполнены).
В этом примере перед каждой строкой кода используется однострочный комментарий:
// Изменить заголовок:
document.getElementById("myH").innerHTML = "Моя первая страница";
// Изменить параграф:
document.getElementById("myP").innerHTML = "Мой первый параграф.";
В этом примере для объяснения кода используется однострочный комментарий в конце каждой строки:
var x = 5; // Объявите x, дайте ему значение 5
var y = x + 2; // Объявите y, дайте ему значение x + 2
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
JavaScript комментарий можно использовать для объяснения кода JavaScript и сделать его более читабельным, а также он может использоваться для предотвращения выполнения при тестировании альтернативного кода.
Однострочные комментарии
Однострочные комментарии начинаются с //.
Любой текст между // и концом строки будет игнорироваться JavaScript (не будут выполнены).
В этом примере перед каждой строкой кода используется однострочный комментарий:
// Изменить заголовок:
document.getElementById("myH").innerHTML = "Моя первая страница";
// Изменить параграф:
document.getElementById("myP").innerHTML = "Мой первый параграф.";
В этом примере для объяснения кода используется однострочный комментарий в конце каждой строки:
var x = 5; // Объявите x, дайте ему значение 5
var y = x + 2; // Объявите y, дайте ему значение x + 2
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Комментарии JavaScript (часть 2)
Многострочные комментарии
Многострочные комментарии начинаются /* и заканчиваются */.
Любой текст между /* и */ будет игнорироваться JavaScript.
В этом примере для объяснения кода используется многострочный комментарий (блок комментария):
/*
Приведенный ниже код изменится
заголовок с id = "myH"
и параграф с id = "myP"
на моей веб странице:
*/
document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
Чаще всего используются однострочные комментарии. Блочные комментарии часто используются для формальной документации.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Многострочные комментарии
Многострочные комментарии начинаются /* и заканчиваются */.
Любой текст между /* и */ будет игнорироваться JavaScript.
В этом примере для объяснения кода используется многострочный комментарий (блок комментария):
/*
Приведенный ниже код изменится
заголовок с id = "myH"
и параграф с id = "myP"
на моей веб странице:
*/
document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
Чаще всего используются однострочные комментарии. Блочные комментарии часто используются для формальной документации.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Комментарии JavaScript (финал)
Использование комментариев для предотвращения выполнения кода
Использование комментариев для предотвращения выполнения кода подходит для тестирования кода.
Добавление // перед строкой кода изменяет строки кода с исполняемой строки на комментарий.
В этом примере // используется для предотвращения выполнения одной из строк кода:
//document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
В этом примере используется блок комментариев для предотвращения выполнения нескольких строк:
/*
document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
*/
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Использование комментариев для предотвращения выполнения кода
Использование комментариев для предотвращения выполнения кода подходит для тестирования кода.
Добавление // перед строкой кода изменяет строки кода с исполняемой строки на комментарий.
В этом примере // используется для предотвращения выполнения одной из строк кода:
//document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
В этом примере используется блок комментариев для предотвращения выполнения нескольких строк:
/*
document.getElementById("myH").innerHTML = "Моя первая страница";
document.getElementById("myP").innerHTML = "Мой первый параграф.";
*/
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (часть 1)
Ключевое слово let позволяет определять переменные в области видимости блока.
Переменная, созданная при помощи ключевого слова let доступна внутри “блока”, где она была создана, а также и внутри вложенных блоков.
Переменные, определенные с помощью let, не могут быть повторно объявлены.
Вы не можете случайно повторно объявить переменную.
С let вы не можете этого сделать:
let x = "Андрей Щипунов";
let x = 0;
// Синтаксическая ошибка: "x" уже объявлен
С помощью var вы можете:
var x = "Андрей Щипунов";
var x = 0;
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Ключевое слово let позволяет определять переменные в области видимости блока.
Переменная, созданная при помощи ключевого слова let доступна внутри “блока”, где она была создана, а также и внутри вложенных блоков.
Переменные, определенные с помощью let, не могут быть повторно объявлены.
Вы не можете случайно повторно объявить переменную.
С let вы не можете этого сделать:
let x = "Андрей Щипунов";
let x = 0;
// Синтаксическая ошибка: "x" уже объявлен
С помощью var вы можете:
var x = "Андрей Щипунов";
var x = 0;
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (часть 2)
Область действия блока
До ES6 (2015) JavaScript имел только глобальную область действия и область действия функций.
В ES6 введены два важных новых ключевых слова JavaScript: let и const.
Эти два ключевых слова обеспечивают область действия блока в JavaScript.
Переменные, объявленные внутри блока {}, не могут быть доступны извне блока:
{
let x = 2;
}
// x НЕЛЬЗЯ использовать
Переменные, объявленные с помощью ключевого слова var не могут иметь область действия блока.
Переменные, объявленные внутри блока { }, могут быть доступны извне блока:
{
var x = 2;
}
// x МОЖНО использовать здесь
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Область действия блока
До ES6 (2015) JavaScript имел только глобальную область действия и область действия функций.
В ES6 введены два важных новых ключевых слова JavaScript: let и const.
Эти два ключевых слова обеспечивают область действия блока в JavaScript.
Переменные, объявленные внутри блока {}, не могут быть доступны извне блока:
{
let x = 2;
}
// x НЕЛЬЗЯ использовать
Переменные, объявленные с помощью ключевого слова var не могут иметь область действия блока.
Переменные, объявленные внутри блока { }, могут быть доступны извне блока:
{
var x = 2;
}
// x МОЖНО использовать здесь
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (часть 3)
Повторное объявление переменных
Повторное объявление переменной с использованием ключевого слова var, может вызвать проблемы.
Повторное объявление переменной внутри блока, также приведет к повторному объявлению переменной вне блока: код.
Повторное объявление переменной с использованием ключевого слова let, может решить эту проблему.
Повторное объявление переменной внутри блока
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Повторное объявление переменных
Повторное объявление переменной с использованием ключевого слова var, может вызвать проблемы.
Повторное объявление переменной внутри блока, также приведет к повторному объявлению переменной вне блока: код.
Повторное объявление переменной с использованием ключевого слова let, может решить эту проблему.
Повторное объявление переменной внутри блока
не приведет к повторному объявлению переменной вне блока: код.📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (часть 4)
Повторное объявление
Повторное объявление переменной JavaScript с var, допускается в любом месте программы:
var x = 2;
// Здесь x равно 2
var x = 3;
// Здесь x равно 3
С let повторное объявление переменной в том же блоке не допускается: код.
Повторное объявление переменной с let, в другом блоке, допускается: код.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Повторное объявление
Повторное объявление переменной JavaScript с var, допускается в любом месте программы:
var x = 2;
// Здесь x равно 2
var x = 3;
// Здесь x равно 3
С let повторное объявление переменной в том же блоке не допускается: код.
Повторное объявление переменной с let, в другом блоке, допускается: код.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (часть 5)
Подъемный Let
Переменные, определенные с помощью var, являются подъемными сверху и могут быть инициализированы в любое время.
Вы можете использовать переменную до ее объявления:
carName = "Вольво";
var carName;
Переменные, определенные с помощью let, также поднимаются в верхнюю часть блока, но не инициализируются.
Использование let до ее объявления приведет к ReferenceError:
carName = "Сааб";
let carName = "Вольво";
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Подъемный Let
Переменные, определенные с помощью var, являются подъемными сверху и могут быть инициализированы в любое время.
Вы можете использовать переменную до ее объявления:
carName = "Вольво";
var carName;
Переменные, определенные с помощью let, также поднимаются в верхнюю часть блока, но не инициализируются.
Использование let до ее объявления приведет к ReferenceError:
carName = "Сааб";
let carName = "Вольво";
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Ключевое слово Let в JavaScript (финал)
Поддержка браузера
Ключевое слово let не полностью поддерживается в Internet Explorer 11 и в более ранних версиях браузера.
Сейчас мы приведём первые версии браузера с полной поддержкой ключевого слова let:
Chrome 49 – Mar, 2016.
Edge 12 – Jul, 2015.
Firefox 44 – Jan, 2015.
Safari 11 – Sep, 2017.
Opera 36 – Mar, 2016.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Поддержка браузера
Ключевое слово let не полностью поддерживается в Internet Explorer 11 и в более ранних версиях браузера.
Сейчас мы приведём первые версии браузера с полной поддержкой ключевого слова let:
Chrome 49 – Mar, 2016.
Edge 12 – Jul, 2015.
Firefox 44 – Jan, 2015.
Safari 11 – Sep, 2017.
Opera 36 – Mar, 2016.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Подъемный JavaScript (часть 1)
В этой серии постов мы подробнее рассмотрим подъёмный Let и подъёмный JavaScript.
Подъем - это поведение JavaScript по умолчанию, при котором все объявления перемещаются в верхнюю часть текущей области (в верхнюю часть текущего скрипта или текущей функции).
Объявления поднимаются
В JavaScript переменная может быть объявлена после её использования. Другими словами, переменную можно использовать до ее объявления.
Пример 1 дает тот же результат, что и пример 2.
Пример 1:
x = 5; // Присваиваем 5 к x
elem = document.getElementById("demo"); // Находим элемент
elem.innerHTML = x; // Отображаем x в элементе
var x; // Объявить x
Пример 2:
var x; // Объявить x
x = 5; // Присваиваем 5 к x
elem = document.getElementById("demo"); // Находим элемент
elem.innerHTML = x; // Отображаем x в элементе
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
В этой серии постов мы подробнее рассмотрим подъёмный Let и подъёмный JavaScript.
Подъем - это поведение JavaScript по умолчанию, при котором все объявления перемещаются в верхнюю часть текущей области (в верхнюю часть текущего скрипта или текущей функции).
Объявления поднимаются
В JavaScript переменная может быть объявлена после её использования. Другими словами, переменную можно использовать до ее объявления.
Пример 1 дает тот же результат, что и пример 2.
Пример 1:
x = 5; // Присваиваем 5 к x
elem = document.getElementById("demo"); // Находим элемент
elem.innerHTML = x; // Отображаем x в элементе
var x; // Объявить x
Пример 2:
var x; // Объявить x
x = 5; // Присваиваем 5 к x
elem = document.getElementById("demo"); // Находим элемент
elem.innerHTML = x; // Отображаем x в элементе
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Подъемный JavaScript (часть 2)
Ключевые слова let и const
Переменные, определенные с помощью let и const, поднимаются в верхнюю часть блока, но не инициализируются.
Блок кода знает об этой переменной, но ее нельзя использовать до тех пор, пока она не будет объявлена.
Использование переменной let до ее объявления, приведет к ReferenceError.
Переменная находится в "временной мертвой зоне" с начала блока до тех пор, пока она не будет объявлена.
Пример – это приведет к ReferenceError:
carName = "Вольво";
let carName;
Использование переменной const до того, как она будет объявлена, является синтаксической ошибкой, поэтому код просто не будет выполняться.
Пример – этот код не запускается:
carName = "Вольво";
const carName;
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Ключевые слова let и const
Переменные, определенные с помощью let и const, поднимаются в верхнюю часть блока, но не инициализируются.
Блок кода знает об этой переменной, но ее нельзя использовать до тех пор, пока она не будет объявлена.
Использование переменной let до ее объявления, приведет к ReferenceError.
Переменная находится в "временной мертвой зоне" с начала блока до тех пор, пока она не будет объявлена.
Пример – это приведет к ReferenceError:
carName = "Вольво";
let carName;
Использование переменной const до того, как она будет объявлена, является синтаксической ошибкой, поэтому код просто не будет выполняться.
Пример – этот код не запускается:
carName = "Вольво";
const carName;
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
