Node 프로그래밍 시 유의사항 ver.19 제이쿼리 (jQuery) & 표준 라이브러리 (Standard Library)

// 출처 https://github.com/ParkSB/javascript-style-guide#%EB%AA%A9%EC%B0%A8

// 제이쿼리 (jQuery) & 표준 라이브러리 (Standard Library)

// 1 제이쿼리 객체 변수의 앞에는 $를 붙여주세요.

// 2 제이쿼리의 검색결과를 캐시하세요.

// bad

function setSidebar() {

$(".sidebar").hide();

// ...

$(".sidebar").css({

"background-color": "pink"

});

}

// good

function setSidebar() {

const $sidebar = $(".sidebar");

$sidebar.hide();

// ...

$sidebar.css({

"background-color": "pink"

});

}

// 3 DOM 검색에는 $('.sidebar ul')이나 parent > child $('.sidebar > ul')

와 같은 캐스케이딩를 사용하세요. jsPerf

// 4 한정된 제이쿼리 객체 쿼리에는 find를 사용하세요.

// bad

$('ul', '.sidebar').hide();

// bad

$('.sidebar').find('ul').hide();

// good

$('.sidebar ul').hide();

// good

$('.sidebar > ul').hide();

// good

$sidebar.find('ul').hide();

// 5 전역 isNaN 대신 Number.isNaN을 사용하세요. eslint: no-restricted-globals

// bad

isNaN('1.2'); // false

isNaN('1.2.3'); // true

// good

Number.isNaN('1.2.3'); // false

Number.isNaN(Number('1.2.3')); // true

// 6 전역 isFinite 대신 Number.isFinite을 사용하세요. eslint: no-restricted-globals

// bad

isFinite('2e3'); // true

// good

Number.isFinite('2e3'); // false

Number.isFinite(parseInt('2e3', 10)); // true