🧾 Замыкание в JavaScript (Часть 4)
Это, так называемое, глобальное лексическое окружение, связанное со всем скриптом.
На картинке выше прямоугольник означает Environment Record (хранилище переменных), а стрелка означает ссылку на внешнее окружение. У глобального лексического окружения нет внешнего окружения, так что она указывает на null.
А вот как оно изменяется при объявлении и присваивании переменной: схема.
Прямоугольники с правой стороны демонстрируют, как глобальное лексическое окружение изменяется в процессе выполнения кода:
1. В начале скрипта лексическое окружение пустое.
2. Появляется определение переменной let
3. Переменной phrase присваивается значение.
4. Переменная phrase меняет значение.
Пока что всё выглядит просто, правда?
Итого:
- Переменная – это свойство специального внутреннего объекта, связанного с текущим выполняющимся блоком/функцией/скриптом.
- Работа с переменными – это на самом деле работа со свойствами этого объекта.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Это, так называемое, глобальное лексическое окружение, связанное со всем скриптом.
На картинке выше прямоугольник означает Environment Record (хранилище переменных), а стрелка означает ссылку на внешнее окружение. У глобального лексического окружения нет внешнего окружения, так что она указывает на null.
А вот как оно изменяется при объявлении и присваивании переменной: схема.
Прямоугольники с правой стороны демонстрируют, как глобальное лексическое окружение изменяется в процессе выполнения кода:
1. В начале скрипта лексическое окружение пустое.
2. Появляется определение переменной let
phrase. У неё нет присвоенного значения, поэтому присваивается undefined.3. Переменной phrase присваивается значение.
4. Переменная phrase меняет значение.
Пока что всё выглядит просто, правда?
Итого:
- Переменная – это свойство специального внутреннего объекта, связанного с текущим выполняющимся блоком/функцией/скриптом.
- Работа с переменными – это на самом деле работа со свойствами этого объекта.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Замыкание в JavaScript (Часть 5)
До сих пор мы рассматривали только переменные. Теперь рассмотрим Function Declaration.
В отличие от переменных, объявленных с помощью let, они полностью инициализируются не тогда, когда выполнение доходит до них, а раньше, когда создаётся лексическое окружение.
Для верхнеуровневых функций это означает момент, когда скрипт начинает выполнение.
Вот почему мы можем вызвать функцию, объявленную через Function Declaration, до того, как она определена.
Следующий код демонстрирует, что уже с самого начала в лексическом окружении что-то есть. Там есть say, потому что это Function Declaration. И позже там появится phrase, объявленное через let: схема.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
До сих пор мы рассматривали только переменные. Теперь рассмотрим Function Declaration.
В отличие от переменных, объявленных с помощью let, они полностью инициализируются не тогда, когда выполнение доходит до них, а раньше, когда создаётся лексическое окружение.
Для верхнеуровневых функций это означает момент, когда скрипт начинает выполнение.
Вот почему мы можем вызвать функцию, объявленную через Function Declaration, до того, как она определена.
Следующий код демонстрирует, что уже с самого начала в лексическом окружении что-то есть. Там есть say, потому что это Function Declaration. И позже там появится phrase, объявленное через let: схема.
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Как передаются аргументы – значения или ссылка?
В Python аргументы передаются по ссылке, т. е. передается ссылка на реальный объект. Но есть два вида передачи объекта в аргументах.
По значению: Передается копия реального объекта. Изменение значения копии объекта не приведет к изменению значения исходного объекта.
По ссылке: Передается ссылка на реальный объект. Изменение значения нового объекта изменит значение исходного объекта.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
В Python аргументы передаются по ссылке, т. е. передается ссылка на реальный объект. Но есть два вида передачи объекта в аргументах.
По значению: Передается копия реального объекта. Изменение значения копии объекта не приведет к изменению значения исходного объекта.
По ссылке: Передается ссылка на реальный объект. Изменение значения нового объекта изменит значение исходного объекта.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Как управляется память в Python?
В Python оператор присваивания (=) не копирует объекты. Вместо этого он создает связь между существующим объектом и именем целевой переменной. Чтобы создать копии объекта в Python, необходимо использовать модуль copy. Более того, существует два способа создания копий для данного объекта с помощью модуля copy.
Shallow Copy – это побитовая копия объекта. Созданный скопированный объект имеет точную копию значений в исходном объекте. Если одно из значений является ссылкой на другие объекты, копируются только адреса ссылок на них.
Deep Copy – рекурсивно копирует все значения от исходного объекта к целевому, т. е. дублирует даже объекты, на которые ссылается исходный объект.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
В Python оператор присваивания (=) не копирует объекты. Вместо этого он создает связь между существующим объектом и именем целевой переменной. Чтобы создать копии объекта в Python, необходимо использовать модуль copy. Более того, существует два способа создания копий для данного объекта с помощью модуля copy.
Shallow Copy – это побитовая копия объекта. Созданный скопированный объект имеет точную копию значений в исходном объекте. Если одно из значений является ссылкой на другие объекты, копируются только адреса ссылок на них.
Deep Copy – рекурсивно копирует все значения от исходного объекта к целевому, т. е. дублирует даже объекты, на которые ссылается исходный объект.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Какие отличия между массивом и списком в Python?
Массивы содержат только элементы одинаковых типов данных, то есть тип данных массива должен быть однородным. Массивы потребляют меньше памяти.
Списки содержат элементы разных типов данных, то есть тип данных списков может быть неоднородным. Их недостатком является потребление большого объема памяти.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Массивы содержат только элементы одинаковых типов данных, то есть тип данных массива должен быть однородным. Массивы потребляют меньше памяти.
Списки содержат элементы разных типов данных, то есть тип данных списков может быть неоднородным. Их недостатком является потребление большого объема памяти.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Классы/Объекты Python (Часть 1)
Python это объектно-ориентированный язык программирования.
Почти все в Python является объектом со своими свойствами и методами.
Класс подобен конструктору объектов или «чертежу» для создания объектов.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Python это объектно-ориентированный язык программирования.
Почти все в Python является объектом со своими свойствами и методами.
Класс подобен конструктору объектов или «чертежу» для создания объектов.
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Создать класс/объект
Чтобы создать класс, используйте ключевое слово class
Пример:
Создайте класс с именем MyClass со свойством с именем x:
class MyClass:
x = 5
Создать объект
Теперь мы можем использовать класс с именем MyClass для создания объектов:
Пример:
Создайте объект с именем p1 и выведите значение x:
p1 = MyClass()
print(p1.x)
Функция init()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Чтобы создать класс, используйте ключевое слово class
Пример:
Создайте класс с именем MyClass со свойством с именем x:
class MyClass:
x = 5
Создать объект
Теперь мы можем использовать класс с именем MyClass для создания объектов:
Пример:
Создайте объект с именем p1 и выведите значение x:
p1 = MyClass()
print(p1.x)
Функция init()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по:
✓ HTML
✓ CSS
✓ JavaScript
✓ UX/UI
✓ HTML
✓ CSS
✓ JavaScript
✓ UX/UI
🧾Функция int
Чтобы понять значение классов, мы должны понять встроенную функцию int().
Все классы имеют функцию init(), которая всегда выполняется при инициализации класса.
Используйте функцию init() для присвоения значений свойствам объекта или других операций, которые необходимо выполнить при создании объекта.
Пример:
Создайте класс с именем Person, используйте функцию init() для присвоения значений имени и возрасту:
class Person:
def init(self, name, age):
self.name = name
self.age = age
p1 = Person("Андрей", 52)
print(p1.name)
print(p1.age)
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Чтобы понять значение классов, мы должны понять встроенную функцию int().
Все классы имеют функцию init(), которая всегда выполняется при инициализации класса.
Используйте функцию init() для присвоения значений свойствам объекта или других операций, которые необходимо выполнить при создании объекта.
Пример:
Создайте класс с именем Person, используйте функцию init() для присвоения значений имени и возрасту:
class Person:
def init(self, name, age):
self.name = name
self.age = age
p1 = Person("Андрей", 52)
print(p1.name)
print(p1.age)
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Методы объекта
Объекты также могут содержать методы. Методы в объектах — это функции, принадлежащие объекту.
Создадим метод в классе Person.
Пример:
Вставьте функцию, которая печатает приветствие, и выполните ее для объекта p1.
class Person:
def init(self, name, age):
self.name = name
self.age = age
def myfunc(self):
print("Привет, меня зовут " + self.name)
p1 = Person("Андрей", 52)
p1.myfunc())
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Объекты также могут содержать методы. Методы в объектах — это функции, принадлежащие объекту.
Создадим метод в классе Person.
Пример:
Вставьте функцию, которая печатает приветствие, и выполните ее для объекта p1.
class Person:
def init(self, name, age):
self.name = name
self.age = age
def myfunc(self):
print("Привет, меня зовут " + self.name)
p1 = Person("Андрей", 52)
p1.myfunc())
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Собственный параметр
Параметр self является ссылкой на текущий экземпляр класса и используется для доступа к переменным, принадлежащим классу.
Его не обязательно называть self , вы можете называть его как угодно, но он должен быть первым параметром любой функции в классе.
Пример:
Используйте слова mysillyobject и abc вместо self.
class Person:
def init(mysillyobject, name, age):
mysillyobject.name = name
mysillyobject.age = age
def myfunc(abc):
print("Привет, меня зовут " + abc.name)
p1 = Person("Андрей", 52)
p1.myfunc()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Параметр self является ссылкой на текущий экземпляр класса и используется для доступа к переменным, принадлежащим классу.
Его не обязательно называть self , вы можете называть его как угодно, но он должен быть первым параметром любой функции в классе.
Пример:
Используйте слова mysillyobject и abc вместо self.
class Person:
def init(mysillyobject, name, age):
mysillyobject.name = name
mysillyobject.age = age
def myfunc(abc):
print("Привет, меня зовут " + abc.name)
p1 = Person("Андрей", 52)
p1.myfunc()
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Изменить свойства объекта
Вы можете изменять свойства объектов следующим образом.
Пример:
Установите возраст p1 на 40.
p1.age = 40
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете изменять свойства объектов следующим образом.
Пример:
Установите возраст p1 на 40.
p1.age = 40
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Удалить свойства объекта
Вы можете удалить свойства объектов с помощью ключевого слова del
Пример
Удалите свойство age из объекта p1:
del p1.age
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете удалить свойства объектов с помощью ключевого слова del
Пример
Удалите свойство age из объекта p1:
del p1.age
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Удалить объекты
Вы можете удалять объекты с помощью ключевого слова del
Пример:
Удалите объект p1.
del p1
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вы можете удалять объекты с помощью ключевого слова del
Пример:
Удалите объект p1.
del p1
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾Заявление о пропуске
Определения класса не могут быть пустыми, но если по какой-то причине у вас есть определение class без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
class Person:
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Определения класса не могут быть пустыми, но если по какой-то причине у вас есть определение class без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
class Person:
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
HTML — Атрибуты
У элементов HTML есть атрибуты. Атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Проще говоря, они предоставляют дополнительную информацию о HTML-элементах.
Краткие сведения:
· Все элементы HTML могут иметь атрибуты;
· Атрибуты предоставляют дополнительные сведения об элементе;
· Атрибуты всегда указываются в начальном теге;
· Атрибуты обычно поставляются в парах "имя/значение", например:
Их есть несколько типов, про каждый поговорим подробнее:
· href;
· src;
· width/height;
· alt;
· style;
· lang;
· Title.
📓 #HTML #Код
У элементов HTML есть атрибуты. Атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Проще говоря, они предоставляют дополнительную информацию о HTML-элементах.
Краткие сведения:
· Все элементы HTML могут иметь атрибуты;
· Атрибуты предоставляют дополнительные сведения об элементе;
· Атрибуты всегда указываются в начальном теге;
· Атрибуты обычно поставляются в парах "имя/значение", например:
name="value".Их есть несколько типов, про каждый поговорим подробнее:
· href;
· src;
· width/height;
· alt;
· style;
· lang;
· Title.
📓 #HTML #Код
Атрибут HTML — ALT
Атрибут ALT — указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
– Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то, например, слепой человек, может "слышать" элемент.
Пример:
Атрибут alt также полезен, если изображение не существует.
📓 #HTML #Код
Атрибут ALT — указывает альтернативный текст, который будет использоваться, когда изображение не может быть отображено.
– Значение атрибута может быть прочитано программами чтения с экрана. Таким образом, кто-то, например, слепой человек, может "слышать" элемент.
Пример:
<img src="img_girl.jpg" alt="Girl with a jacket">
Атрибут alt также полезен, если изображение не существует.
📓 #HTML #Код
Атрибут HTML — LANG
– Язык документа может быть объявлен в теге <html> .
– Язык объявляется с атрибутом lang.
– Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
📓 #HTML #Код
– Язык документа может быть объявлен в теге <html> .
– Язык объявляется с атрибутом lang.
– Объявление языка важно для приложений специальных возможностей (программы чтения с экрана) и поисковых систем:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Первые две буквы указывают язык (EN). Если есть диалект, используйте еще две буквы (US).
📓 #HTML #Код
