Задать вопрос
mscmls

Евгений

Ответы пользователя по тегу JavaScript

  • Что происходит со свойством класса при присвоении извне?

    mscmls
    @mscmls
    Потому что если танцевать с js, то танцевать как надо:

    Str.prototype.word = 'word'

    А вообще

    interface StrInterface {
    text: string
    word: string
}

class Str implements StrInterface {
    text = 'hello'
    word: string = ''
}
 
Str.prototype.word = 'word'
 
const s = new Str()
 
console.log(s.text)
console.log(s.word)



    upd: Ситуативно через prototype - да, ты можешь "расширять" классы, но для таких ситуаций придуман "extends", который позволяет тебе расширять класс с дополнительными свойствами. И это будет правильно, потому что присвоение свойств напрямую, либо через тот же prototype - может происходить хаотично, например:

    setInterval(() => {
    ++count
    Str.prototype.word = count % 2 == 0 ? 'word' : 'not word'
}, 1000)

Str.prototype.word = 'word'


    И это сработает.

    Сделано это из-за GC (garbagecollector).

    И такое хаотичное присвоение свойств (чего-либо) считается плохой практикой. Точно так же со стрелочными функциями, которые создаются заново каждый раз и так-же могут упираться в какую-то кондицию, которая каждое исполнение скрипта может их выполнять в разных вариациях (попробуй экспортировать: export default () => { ... }). Точно так-же - все импорты - иммутабельны. Даже если ты экспортируешь так: export let value = 'word', то при импорте в другой модуль - ты этот value не изменишь, никак.
    Ответ написан
    Комментировать
    Комментировать

  • Как правильно застримить большой поток из exec(...).stdout в ответ сервера?

    mscmls
    @mscmls Автор вопроса
    Проблема была в размере буффера (опции exec).
    spoiler
    exec('zstd -10', { encoding: 'buffer', maxBuffer: 1024 * 4096 }) // x4

    maxBuffer : Largest amount of data in bytes allowed on stdout or stderr. If exceeded, the child process is terminated and any output is truncated. See caveat at maxBuffer and Unicode. Default: 1024 * 1024.

    Ответ написан
    Комментировать
    Комментировать

  • Как задать тригер onchange при изменении value?

    mscmls
    @mscmls
    Через dispatchEvent?

    <body>
        <select>
            <option>1</option>
            <option>2</option>
        </select>
        <input class="select-input" type="hidden"/>
        <script>
            const select = document.querySelector('select')
            const hiddenInput = document.querySelector('.select-input')
            const hiddenInputEvent = new InputEvent('change')
            select?.addEventListener('change', e => {
                hiddenInput.value = e.target.value
                hiddenInput.dispatchEvent(hiddenInputEvent)
            })
            hiddenInput?.addEventListener('change', e => {
                console.log(hiddenInput.value)
            })
        </script>
    </body>


    Либо напрямую через пропсы, как вариант
    const select = document.querySelector('select')
            const hiddenInput = document.querySelector('.select-input')
            if(select && hiddenInput){
                    select.onchange = (e) => {
                        hiddenInput.value = e.target.value
                        hiddenInput.onchange?.()
                    }
                    hiddenInput.onchange = (e) => {
                        console.log(hiddenInput.value)
                    }
                }
    Ответ написан
    8 комментариев
    8 комментариев

  • Как Вернуть промис без прописывания .then каждый раз?

    mscmls
    @mscmls
    Ну во-первых, твой await x.json() при await - это тот-же then.

    И тебе правильно сказали, что без await и без костылей - ты eventLoop не обыграешь.

    Можно выбрасывать при await и потом ловить то, чем оказывается промис в итоге, можно юзать Promise.withResolvers, что в принципе тоже без await нереально.

    Например (с withResolvers):

    const { promise, resolve, reject } = Promise.withResolvers()

const getProducts = () => fetch('https://fakestoreapi.com/products')

try {
    resolve(
        (await getProducts()).json()
    )
} catch (e) {
    reject(e)
}

console.log(
    await promise
)


    Но тебе выше уже сказали, что такие операции без минимум использования оператора await - нереально исполнить. Не хочешь then - будешь юзать await, не хочешь await - будешь юзать then. Либо создавай своё подобие промисов на костылях, через кастомные события или сигналы.

    P.S.: Чтобы понять, почему нельзя сделать то, что хочешь ты - прочитай то что тебе выше написали, а перед/после прочитай это.
    Ответ написан
    Комментировать
    Комментировать