0xD34F

function calc(val = 0) {
  const self = {
    add: v => (val += v, self),
    sub: v => (val -= v, self),
    mul: v => (val *= v, self),
    div: v => (val /= v, self),
    pow: v => (val **= v, self),
    toString: () => val,
  };

  return self;
}


calc().add(5).mul(5) + 1 // 26
+calc(100).div(10).sub(2) // 8
`${calc(2).pow(10)}` // "1024"

Функция должна возвращать результат обработки переданного ей значения + сумму результатов обработки вложенных значений (если таковые есть):

const sum = (data, getVal) => Object
  .values(data instanceof Object ? data : {})
  .reduce((acc, n) => acc + sum(n, getVal), getVal(data));


sum([ 1, 2, 3, '1', [ '2', 4, [ '3' ] ], '4' ], x => +(typeof x === 'string')) // 4
sum({ a: { b: [ NaN, Infinity ], c: 123456 } }, x => +(typeof x === 'number')) // 3

Никак. Возвращается же всегда функция, а вызовов возможно произвольное количество. Так что, чтобы получить значение, надо выполнить какое-то дополнительное действие. Правда, в некоторых обстоятельствах, его можно выполнять неявно:

function sum(a) {
  const f = b => sum(a + b);
  f.valueOf = () => a;
  return f;
}


sum(1)(2)(3) + 4 // 10
sum(5) * sum(6) // 30
700 / sum(7) // 100
Math.pow(sum(8), 2) // 64

// но если попутно не выполняется никаких числовых операций, придётся немного поработать руками:
+sum(9)(10) // 19
Number(sum(11)(12)) // 23

Сделать вычисляемое свойство, где будут выполняться все необходимые вам преобразования данных. Например.

const dropdown = document.querySelector('.dropdown-el');
const activeClass = 'expanded';

dropdown.addEventListener('click', e => {
  e.preventDefault();
  e.stopPropagation();
  e.currentTarget.classList.toggle(activeClass);
  e.target.previousElementSibling.checked = true;
});

document.addEventListener('click', () => dropdown.classList.remove(activeClass));

const createNestedObj = plainObj =>
  Object.entries(plainObj).reduce((acc, [ path, val ]) => {
    const keys = path.split('.');
    const key = keys.pop();
    keys.reduce((p, c) => p[c] ??= {}, acc)[key] = val;
    return acc;
  }, {});

Элементы массива priceData - объекты, а объекты не копируются при передаче в функцию в качестве параметров и возврате из функции. Поэтому priceList у вас содержит те же объекты, что и исходный массив. Копируйте их вручную:

priceData.map(n => ({
  ...n,
  services: n.services.filter(m => m.name.toLowerCase().includes('вакцина')),
}));

data: () => ({
  opened: [],
  ...
}),
watch: {
  opened: {
    immediate: true,
    handler(val) {
      const id = this.treeitems[0].id;
      if (!val.includes(id)) {
        val.push(id);
      }
    }
  },
  ...
},

:open.sync="opened"

str.split(' ').map(n => +n)

// или

str.split(/[^\d\-]/).map(n => n - 0)

// или

str.match(/-?\d+/g)?.map(Number) ?? []

// или

Array.from(str.matchAll(/\S+/g), parseFloat)

// или

JSON.parse(`[${str.replaceAll(' ', ',')}]`)

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  obj.quantity += newObj.quantity;
} else {
  arr.push({ ...newObj });
}

Привязать контекст заранее (bind), или указывать при вызове (call, apply).

Разбираюсь, как устроен vuejs

vue привязывает контекст заранее

в this экземпляр vue

Как и должно быть - в качестве контекста вызова методов vue устанавливает экземпляр компонента. Что логично - иначе внутри метода было бы затруднительно получить доступ к другим свойствам/методам компонента.

Используйте currentTarget.

Можно repeating-linear-gradient применить, например:

background-image: repeating-linear-gradient(45deg, #fff, #fff 2px, transparent 2px, transparent 50px);

taskList.map(function(item) {
  return (
    <Task data_text={item.text} key={item.id} delete={this.deleteTaskHandler}/>
  )
})

Теряется контекст, соответственно, this.deleteTaskHandler - это не метод компонента.

onCLick={this.props.deleteTaskHandler()}

Опечатка в имени обработчика события.

Почему deleteTaskHandler, если передаёте в экземпляр компонента delete?

А вызывать вы его зачем пытаетесь (не понимаете разницы между функцией и результатом её вызова?)?

template ---> render

Object.values(arr.reduce((acc, n) => {
  if (n) {
    const k = n[0];
    acc[k] = acc[k]?.length > n.length ? acc[k] : n;
  }

  return acc;
}, {}))

UPD. Чего на самом деле надо было:

"пик" это элемент массива с длиной больше чем предыдущий элемент и следующий

arr.filter((n, i, a) => a[i - 1]?.length < n.length && n.length > a[i + 1]?.length)

.active {
  color: red;
}

const startFrom = '.link';
const parent = 'li';
const child = 'a';
const className = 'active';

$(startFrom).parents(parent).children(child).addClass(className);

// или

for (
  let el = document.querySelector(startFrom);
  el = el.parentNode.closest(parent);
  el.querySelectorAll(`:scope > ${child}`).forEach(n => n.classList.add(className))
) ;

const input = document.querySelector('.inputprice');
const container = document.querySelector('.inner');
const itemSelector = '.box';
const buttonSelector = `${itemSelector} .btn`;
const valueSelector = `${itemSelector} .box-title`;

container.addEventListener('click', ({ target: t }) => {
  const item = t.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    input.value = item.querySelector(valueSelector).innerText;
  }
});

// или

const onClick = el => input.value = el.textContent.trim();

container.querySelectorAll(buttonSelector).forEach(function(n, i) {
  n.addEventListener('click', onClick.bind(null, this[i]));
}, document.querySelectorAll(valueSelector));