Сегодня я обсужу с вами некоторые специальные темы JavaScript. Поскольку я новый программист и новый автор блога, прошу простить за все ошибки в написании.
Что такое привязка блоков?
Ответ: Binding — это переменная. При инициализации переменной мы можем сохранить или связать что-то в именованной переменной. Например, мы используем var, let и const для объявления или присвоения переменной.
var x = 1;
пусть у = привет;
const z = луна;
Что такое объявления и подъем переменных?
Ответ: Подъем — это концепция объявлений var, которая происходит в дочернем блоке, но за кулисами JavaScript переносит «var» в верхнюю или глобальную область видимости вместо своей собственной объявленной области.
Получите очистку на этом примере:
функция getColor (условие) {
если (условие) {
переменная цвета = «зеленый»
вернуть цвет
} еще {
// здесь существует «цвет» со значением undefined
вернуть «цвет не найден»
}
// здесь существует «цвет» со значением undefined
}
Здесь мы видим, что переменная name инициализирована в настоящий условный блок. И мы можем подумать, что он должен быть создан, пока условие «истинно», не так ли? Но за кулисами JavaScript играет в другую игру, например:
функция getColor (условие) {
переменный цвет
если (условие) {
цвет = «зеленый»
вернуть цвет
} еще {
вернуть «цвет не найден»
}
}
При выполнении приведенного выше кода JavaScript берет верх над переменной, что мы называем подъемом в JavaScript.
Это создает путаницу и действительно мешает работе с большим проектом на JavaScript. Чтобы решить эту путаницу, ES6 предлагает два ключевых слова для простой обработки привязки блоков.
Что такое объявление уровня блока?
Ответ: Мы уже изучили подъемную природу var, что в некоторых случаях может создавать проблемы из-за доступности переменной. Вот почему на сцену выходит объявление на уровне блока, где объявляемые переменные недоступны за пределами заданной области блока. Область блока может быть создана:
· Внутри функции
· Внутри блока
Объявления переменных, использующие let из const, не поднимаются в начало включающего блока, что может ограничить область действия переменных только текущим блоком кода. Но если вы хотите, чтобы переменные были доступны для всего блока, вы можете сначала объявить переменную в блоке, используя let или const. Рассмотрим тот же пример, но с let.
функция getColor (условие) {
если (условие) {
пусть цвет = «зеленый»
вернуть цвет
} еще {
// «цвет» здесь не существует
вернуть «цвет не найден»
}
// «цвет» здесь не существует
}
поэтому, если let и const используются в области блока, то подъем не произойдет, но если используется var, то произойдет подъем или переменная будет доступны за пределами области блока.
Что такое связывание блоков в циклах?
Ответ: Блочный уровень очень полезен при работе с циклами в JavaScript. Лучше всего использовать let вместо var, потому что var поднимается. рассмотрим следующий пример:
для (var i = 0; i ‹ 50; i++) {
// какой-то код
}
// я доступен здесь, потому что мы объявляем использование var
console.log(i) // 10
for (пусть j = 0; j ‹ 50; j++) {
// какой-то код
}
// j здесь недоступен, потому что мы объявляем с помощью let
console.log(j) // ошибка-j не определена
Что такое глобальная привязка блоков?
Ответ. Когда var используется в глобальной области видимости, создается новая глобальная переменная, которая является свойством глобального объекта (окна в браузерах). Это означает, что вы можете случайно перезаписать существующую глобальную переменную с помощью var.
Когда var используется:
//в браузере
var приветствие = «Здравствуйте, доброе утро»
console.log(window.greeting) // Привет, доброе утро
var person = 'Привет!'
console.log(window.person) //Привет!
Когда используется let:
let Greeting = ‘Привет, доброе утро’
console.log(greeting) // Привет, доброе утро
console.log (window.greeting === приветствие) // false
const person = ‘Здравствуйте!
console.log(person) // Привет!
console.log (человек в окне) // false
Новые передовые методы привязки блоков.
Пока ECMAScript 6 находился в разработке, было широко распространено мнение, что вы должны использовать let по умолчанию вместо var для объявлений переменных. Для многих разработчиков JavaScript let ведет себя именно так, как, по их мнению, должен вести себя var, поэтому прямая замена имеет логический смысл. В этом случае вы должны использовать const для переменных, которые нуждаются в защите от модификации.
Однако по мере того, как все больше разработчиков перешли на ECMAScript 6, популярность приобрел альтернативный подход: использовать const по умолчанию и использовать let только тогда, когда вы знаете, что значение переменной необходимо изменить. Смысл в том, что большинство переменных не должны изменять свое значение после инициализации, потому что неожиданные изменения значений являются источником ошибок. Эта идея имеет большое значение, и ее стоит изучить в вашем коде по мере перехода на ECMAScript 6.
Что такое функции со значениями параметров по умолчанию?
Ответ: Параметры функции по умолчанию позволяют инициализировать именованные параметры со значениями по умолчанию, если не передано значение или не определено. br /> вернуть число1 * число2
}
console.log (умножить (30, 5)) // 150
console.log (умножить (30)) // 30
Что такое анонимная функция?
Ответ: Анонимная функция — это функция без имени. Анонимная функция часто недоступна после ее первоначального создания.
let unnamed = function() {
console.log («Это анонимная функция»);
};
безымянный ();
В этом примере анонимная функция не имеет имени между ключевым словом function и круглыми скобками ().
Что такое оператор спреда?
Ответ: Оператор распространения — это новое дополнение к набору операторов в JavaScript ES6. Он берет в себе неизменное и разлагает его на отдельные элементы.
Оператор …spread полезен для многих различных задач, включая следующие:
Копирование существующего массива
Объединение или объединение массивов
Вызов функции без применения
Использование в математических функциях
Использование при деструктурировании
Использование массива в качестве аргументов
Добавление в состояние в React
Преобразование аргументов или списка узлов в массив
Вот несколько примеров, которыми я собираюсь поделиться с вами.
Пример копирования массива:
let array = [’n’, ‘a’, ‘h’, ‘i’, ‘d’];
let newArray = […array];
console.log(newArray);
Объединить или объединить пример массива:
пусть число = [33, 25, 21]
пусть число2 = [28, 37, 35]
пусть объединяет = [11, … число, 24, … число2]
console.log( комбинировать)
Пример использования массива для аргументов:
функция умножить (число1, число2, число3) {
console.log («Общее число умножить: «, число1 * число2 * число3);
}
пусть числа = [1,2,3 ];
умножить (…числа);
Что такое функции блочного уровня?
Ответ: ES6 допускает функции блочного уровня, которые поднимаются поверх функции или поднимаются в глобальную область.
Пример:
if (true) {
console.log (typeof doMath) // «функция»
function doMath() {
// какой-то код
}
делатьМатематика ()
}
console.log (тип doMath) // функция
Что такое стрелочная функция?
Ответ: ES6 позволяет использовать альтернативный способ написания более короткого синтаксиса с именем стрелочной функции по сравнению с традиционным функциональным выражением.
Пример:
let add = (a, b, c, d) =› {
return a + b + c + d
}
console.log (добавить (10, 20, 30, 40) )
Если в письме есть какая-то ошибка, пожалуйста, посмотрите на это с извиняющимся взглядом, спасибо.
