<span>
{{ productsCount }}
</span>
computed: {
productsCount() {
return this.checkedInput.reduce((acc, i) => { acc+= i.products.length; return acc }, 0)
}
}
- background: var(--color1);
+ background-color: var(--color1);
:root{
--color1: #0c71ca;
--color2: #64bce2;
}
body{
background-color: var(--color1);
background: linear-gradient(to right, var(--color1) 0%,var(--color2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--color1), endColorstr=var(--color2),GradientType=1 );
}
a
, всплывает. Это способ объявления function declaration
. Можно использовать функцию выше строчек её объявления.b
и c
- способ объявления function expression
. Не всплывает. Нельзя использовать выше объявления.с
отличается от b
тем, что внутри функции можно обратиться к этой же функции по имени c2
, например, для рекурсии. .block {
max-width: 400px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 74px;
margin-top: 16px;
}
.item {
font-size: 4em;
background: red;
}
.item:nth-last-child(4) {
grid-row: span 3;
}
бывают стрелочные функции
callback функции- Таких не бывает. callback это просто термин, который говорит о том, что функция1 была передана как аргумент в функцию2, то есть передана по ссылке и функция1 вызывается где-то внутри функции2.
function one (to) { // именованная function declaration
console.log("Hello to " + to)
}
// именованная function declaration, которая на вход получает аргумент, названный как callback
// но этот аргумент мог бы называться абсолютно как угодно, в рамках правил именования аргументов.
function two (callback) {
console.log("Сейчас я передам привет pologenki на английском.")
callback("pologenki") // Вызов callback функции с передачей ей аргумента.
}
two(one) // Вызов функции two с передачей в качестве аргумента функции one. В данном случае принято считать
// что функция one является callback для функции two. Но ничто не мешает вызвать функцию one отдельно.
// Не как callback.
one("Vadim") // "Hello to Vadim".
анонимная функция