编写将通过 ESLint 的 js

Question

我正在一个将在 BigCommerce 上运行的网站上工作，模板捆绑功能使用 ESLint 来检查 javascript...我以前不必为此编写，只是 copy/pasted 我在 Whosebug 中找到的东西...有人请！！！帮助使这段代码变得现代和 lint-passing？

const delay = 100;
let throttled = false;

function resizeHeight() {
    const circleWidth = $('.home4a p').css('width');
    const circleWidth2 = $('.home4b p').css('width');

    $('.home4a p').css('height', circleWidth);
    $('.home4b p').css('height', circleWidth2);
}

window.addEventListener('resize', function() {
if (!throttled) {
    resizeHeight();
    throttled = true;
    setTimeout(function() {
        throttled = false;
    }, delay);
}
});

resizeHeight();

ESLint 不喜欢 'window.addEventListener...' 或两次出现的 function()。 [它还说它在函数和 ()]

之间缺少 space

Answer 1

确保阅读来自 eslint 的错误消息。

我检查了你的代码，似乎你需要函数是箭头函数。 eventListener.

中的缩进也是错误的

function resizeHeight() {
    const circleWidth = $('.home4a p').css('width');
    const circleWidth2 = $('.home4b p').css('width');

    $('.home4a p').css('height', circleWidth);
    $('.home4b p').css('height', circleWidth2);
}

window.addEventListener('resize', () => {
    if (!throttled) {
        resizeHeight();
        throttled = true;
        setTimeout(() => {
            throttled = false;
        }, delay);
    }
});

编写将通过 ESLint 的 js

Writing js that will pass ESLint

javascript

bigcommerce

eslint