JS 코드 간결 (추가)
머리말
우 리 는 프로그램 을 작성 할 때 현재 작업 할 수 있 는 코드 만 작성 하 는 것 이 아니 라 미래의 자신 과 '다른 사람' 을 위해 코드 를 작성 할 것 을 생각해 야 한다.따라서 코드 를 작성 할 때 반드시 자신의 코드 를 더욱 간결 하 게 하여 사람들 이 이해 하기 쉽 고 변경 하기 쉽 거나 확장 하기 쉽 도록 해 야 한다.
함수
1. 길 고 서술 적 인 이름 을 사용 합 니 다.함수 가 어떤 행 위 를 나타 내 는 것 을 고려 하여 함수 이름 은 동사 나 구문 으로 그 뒤의 의도 와 매개 변수의 의 도 를 설명 해 야 한다.함수 의 이름 은 그들 이 무엇 을 했 는 지 설명해 야 한다.
//
function notif(user) {
// ...
}
//
function notifyUser(emailAddress) {
// ...
}
2. 대량의 인 자 를 사용 하지 마 세 요.이상 적 인 상황 에서 함 수 는 두 개 이상 의 인 자 를 지정 해 야 합 니 다.매개 변수 가 적 을 수록 테스트 함수 가 쉬 워 지고 매개 변수 가 많은 경우 대상 을 사용 할 수 있 습 니 다.
//
function getUsers(fields, fromDate, toDate) {
// ...
}
//
function getUsers({
fields, fromDate, toDate }) {
// ...
}
getUsers({
fields: ['name', 'surname', 'email'],
fromDate: '2019-01-01',
toDate: '2019-01-18'
});
3. 한 함 수 는 한 가지 일 만 해 야 지 한 함수 에서 여러 가지 조작 을 하지 마 세 요.
//
function notifyUsers(users) {
users.forEach(user => {
const userRecord = database.lookup(user);
if (userRecord.isVerified()) {
notify(user);
}
});
}
//
function notifyVerifiedUsers(users) {
users.filter(isUserVerified).forEach(notify);
}
function isUserVerified(user) {
const userRecord = database.lookup(user);
return userRecord.isVerified();
}
4. | | 동작 대신 기본 매개 변 수 를 사용 합 니 다.
//
function createShape(type) {
const shapeType = type || "cube";
// ...
}
//
function createShape(type = "cube") {
// ...
}
조건
1. 사용 조건 약자.이것 은 보 잘 것 없 을 수도 있 지만, 언급 할 가치 가 있다.불 값 에 만 이 방법 을 사용 하고 이 값 이 undefined 나 null 이 아니 라 고 확신 하면 이 방법 을 사용 합 니 다.
//
if (isValid === true) {
// ...
}
if (isValid === false) {
// ...
}
//
if (isValid) {
// ...
}
if (!isValid) {
// ...
}
2. 부정적인 조건 을 사용 하지 않도록 한다.
//
function isUserNotBlocked(user) {
//...
}
if (!isUserNotBlocked(user)) {
//...
}
//
function isUserBlocked(user) {
//...
}
if (isUserBlocked(user)) {
//...
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript Essentials1.2.1 산술 연산자(arithmetic operator) 1.2.2 할당 연산자(assignment operator) 1.3.1 비교 연산자(comparison operator) 1.3.2 논리 연산자(logic...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
