[...defaultDepts] создаёт новый массив старых объектов. Меняете что-то внутри этих объектов — меняется и внутри defaultDepts.[...this.defaultDepartments].map(item => {...item})colleagues, с свою очередь, содержит массив объектов.
document.addEventListener('click', event => {
const { target } = event;
if (target.tagName !== 'DIV'
|| !target.classList.contains('elem')) {
return;
}
console.log(target.dataset.name);
});let re = /((\D+)|(\d+))/g; // \D не-цифра, \d цифра
'user100'.match(re) // [ "user", "100" ]
'2022habr06QnA'.match(re) // [ "2022", "habr", "06", "QnA" ]const blockRelocate = () => {
const elSource = document.querySelector('.description-wrapper');
if (!elSource) {
return setTimeout(blockRelocate, 150);
}
const elTarget = document.querySelector('.item-calculator_container');
elTarget.insertAdjacentElement('beforebegin', elSource);
}
blockRelocate();Set удобен, например, когда нужно оставить из набора данных только уникальные.const data = [ 1, 2, 2, 3, 3, 3 ];
const unique = [...new Set(data)];
unique // [ 1, 2, 3 ]Map хорош тем, что ключами в нём могут быть и объекты. Например, HTML-элементы, для которых захочется хранить какие-то данные. И Map запоминает порядок добавления элементов, что может быть полезно при переборе.
let value = { name: 'iOne' };
let x = value; // ещё одна "ссылка" на объект
value = null; // или delete value; – то же самое
x // { name: "iOne" }key.const weakMap = new WeakMap();
let value = {name: 'Ivan'};
let key = {};
// добавление нового элемента
weakMap.set(key, value);
// обнуление
delete key;key всё ещё используется в качестве ключа в WeakMap, сборщик мусора, при срабатывании, таки удалит его.
Вопрос если разница в таких записях?
resolve(script) передаст дальше по цепочке этот script (который никому не нужен, похоже).script.onload = resolve передаст по цепочке объект события (тоже всем по барабану)почему такой ее вызов дает ошибку script.onload = resolve(script);потому, что нужна функция, которую вызовут позже, а не мгновенный результат её выполнения.
const currentYear = new Date().getFullYear();
const years = [];
for (let year = currentYear - 5; year <= currentYear + 5; year++) {
years.push(year);
}
years // [2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024, 2025, 2026, 2027]for (let i = 0; i < 5; i++) {
let newYear = year; // <--- тут ошибка
firstYears.push((newYear -= 1));
}obj — чего ожидаете от weakMap(null)?weakMap какие-то припрятанные данные. Нет объекта — нет данных.
function UpdateName() { // ... } то можно так:this[v].call(null);let или const, то хорошего варианта нет. eval(), но это крайне нежелательно:eval(`${v}.call(null)`); — т.е. составляется текстовая строка JS-кода, которая исполняется.const methods = {
UpdateName: () => { /* ... */ },
UpdateAddress: () => { /* ... */ },
};
methods[v].call(null);thisArg для функции.pop() будет вызываться в контексте начального массива nums — последовательно выдирая из него последний из оставшихся элементов: 3, 2, 1nums, соответственно, на каждой итерации будет становиться на 1 элемент короче.[...nums] нужна только ради его первоначальной длины, чтобы вызвать дальнейшую магию правильное число раз.
document.querySelector('input').addEventListener('input', e => {
const { value } = e.target;
const num = Number(value);
const isValid = !isNaN(num) &&
num <= 60 &&
num >= -60;
// что-то делаем с валидным / невалидным
if (isValid) {
// мы молодцы, сирену можно выключить
} else {
// включаем мигалку и сирены, подсвечиваем красным
}
});setInterval() первым аргументом надо передать функцию (он сам вызовет её потом),"строку" или число 42.(param) => () => {
console.log("Выхлоп!" + param);
}param, и возвращает вторую функцию () => { console.log("Выхлоп!" + param); } Причём вернувшаяся функция «запомнила» значение param внешней обёртки и будет его использовать. Это обёртывание называется «Замыкание» или "closure".function(){ return function() {}; }((param) => () => console.log(param))(6) – этот вызов внешней с аргументом 6 даст результатом внутреннюю функцию, которая запомнила значение param. И мы имеем на руках внутреннюю функцию.((param) => () => console.log(param))(6)()setInterval() первым аргументом надо передать не конечный результат, а функцию — её вызовут через некоторое время, не сразу. Тут передают внутреннюю функцию. Поэтому скобки всего одни: с одними скобками получаем внутреннюю функцию.