не очень верится

что же такое каскад в цсс

https://web.dev/learn/css/the-cascade/

ну посмотрим на тебя

https://ru.coursera.org/learn/algorithms-part1

новая лучшая картинка про event loop

я отвернулась и в css добавили новую киллер-фичу

@layer

по-русски "каскадные слои"

теперь мы можем создавать свои слои вдобавок к существующим (user agent styles, user styles, author styles (те которые мы меняем))

в каскадных слоях важен порядок объявления — чем позже объявлен слой, тем он специфичнее

можно объявить все названия слоёв в начале документа чтобы не путаться

@layer reset, framework, layout, base;

запутанный момент — !important
правила, объявленные через important действуют в обратном порядке — important в слое reset будет специфичнее important в слое base

var status = '😎'

setTimeout(() => {
  const status = '😍'

  const data = {
    status: '🥑',
    getStatus() {
      return this.status
    }
  }

  console.log(data.getStatus())
  console.log(data.getStatus.call(this))
}, 0)

🥑 😎

Object.seal vs Object.freeze

Object.seal позволяет изменять существующие свойства объекта. Запрещает удалять их или добавлять новые

Object.freeze делает объект иммутабельным и запрещает любые модификации

const a = { name: 'a' }
const b = { name: 'b' } 

Object.seal(a)
a.name = "c"
{name: 'c'}

Object.freeze(b)
b.name = 'c'
{name: 'b'}