쉼표 연산자에 대한 매력적인 사례
쉼표 연산자는 JavaScript 및 C++와 같은 C 유사 언어에서 덜 알려진 연산자 중 하나입니다. 기본적으로 이는 일련의 표현식을 구분하고 최종 표현식의 결과만 반환합니다.
const a = 1; const b = 2; const c = 3; const result = (a, b, c, 4, 5, 6, true); console.log(result); // true
if (false, true) console.log('hello'); // hello
그렇다면 다음과 같이 묻는 것이 당연합니다. 한 줄에 여러 표현식을 집어넣는 것이 언제 유용할까요? 게다가 유용하더라도 쉼표로 구분된 일련의 표현식( 한 줄)은 세미콜론으로 구분된 일련의 명령문(여러 줄에 걸쳐)보다 더 읽기 쉽고 유지 관리하기 쉽습니까? 언제 다른 것보다 하나를 선호해야 합니까?
지난 몇 년 동안 답하기 위해 애썼던 질문들이었는데 이제 드디어 답을 얻은 것 같습니다. 이 기사에서는 쉼표 연산자에 대한 설득력 있는 사례(아마도 솔직하게 말하면 유일한 사례)를 제시합니다.
동기를 부여하는 예
먼저 조건부 삼항 연산자에 대해 이야기해 보겠습니다. 아래와 같이 조건이 참이면 값을 평가합니다. 그렇지 않으면 다른 것을 평가합니다. 여기서는 브랜치가 조건이 충족될 때만 실행되기 때문에 "평가"라는 키워드가 강조됩니다.
const result = condition ? value : another;
대부분의 경우 깔끔하고 예쁘네요. 그러나 조건부 값을 반환하기 전에 분기 사이에서 더 복잡한 논리를 수행해야 할 때 문제가 발생합니다. 이 시점에서 우리는 다음과 같은 불행한 왜곡에 의지합니다.
let result; // Uninitialized! Yikes! if (condition) { // Do some complex stuff in between... doSomething(); // ... result = value; // Actual Assignment } else { // Do other complex stuff in between... doAnotherThing(); // ... result = another; // Actual Assignment } // Hopefully we didn't forget to initialize `result`!
이제 이 공식에는 많은 문제가 있습니다.
- 처음에는 결과가 초기화되지 않았습니다. 이는 본질적으로 나쁜 것은 아니지만, 정의되지 않음으로 인한 버그를 피하는 쉽고 검증된 방법은 항상 변수를 초기화하는 것입니다.
- 결과 초기화는 문자 그대로 브랜치의 맨 아래에 있으며 선언과는 거리가 멀습니다.
- 조건문이 끝나면 결과가 확실히 초기화되기를 바랍니다. 우리가 아니라면 팀원들이 똑같이 이를 시행하기를 바랍니다. 지금은 그렇지 않더라도 미래의 개발자들도 이를 지지하기를 바랍니다!
조건부 삼항 표현식 사용을 고집하는 경우 이러한 제한을 피할 수 있는 방법이 있습니다. 코드를 함수로 리팩터링하면 됩니다. 말보다 확실히 쉽습니다. 이 특수 효과는 정말 빨리 낡아집니다!
function computeWrappedValue() { // ... return value; } function computeWrappedAnother() { // ... return another; } // How cumbersome! const result = condition ? computeWrappedValue() : computeWrappedAnother();
(Rust와 같은) 표현 기반 프로그래밍 언어는 더 우아한 솔루션을 제공합니다. if 문을 if 표현식으로 재분류하면 각 분기를 평가하여 나중에 변수에 저장할 수 있는 값을 반환할 수 있습니다.
// A conditional ternary operator thus looks like this. Each branch // returns a value, which is captured by the `result` variable. // We thus ensure that `result` is always initialized by construction. let result = if condition { value } else { another };
// If we wanted to do something more complex, we use the same syntax. let result = if condition { do_something(); // In Rust, the last expression without a semicolon is the value // that will be "returned" by the overall `if` expression. result } else { do_another_thing(); another };
이것을 C와 같은 언어로 에뮬레이션할 수 있나요? 아마도 제가 이 방향으로 나아갈 방향을 오랫동안 예상하셨을 것입니다. 하지만 그렇습니다!
설득력 있는 사례
우리가 원하는 것은 삼항 분기 내에서 값을 반환하기 전에 명령문을 임의로 실행하는 방법입니다. 다행스럽게도 이것이 정확히 쉼표 연산자의 용도입니다.
// Parenthesized for clarity. const result = condition ? (doSomething(), value) // evaluates to `value` : (doAnotherThing(), another); // evaluates to `another`
이 공식의 장점은 분기 표현식이 필요할 때만 평가된다는 점입니다. 우리는 표현 기반 프로그래밍 언어의 동작을 효과적으로 에뮬레이트합니다. 임시 래퍼 기능의 시대는 지났습니다!
하지만 아쉽게도 이 기술로는 여기까지만 갈 수 있습니다. 충분히 큰 n의 경우 n문장을 한 줄에 집어넣는 것은 이미 자체 기능으로 리팩토링되어야 한다고 상상할 수 있습니다. 개인적으로 나는 n >gt; 3. 그 이상은 가독성 측면에서 의심스러운 구성입니다.
// Maybe we should reconsider here? const result = condition ? (x++, thing = hello(), doSomething(), value) : (++y, thing = world(), doAnotherThing(), another);
// Okay, stop. Definitely turn back now! const result = condition ? ( x++, thing = hello(), doSomething(), doMore(y), doEvenMore(thing), value, ) : ( ++y, thing = world(), doAnotherThing(), doMore(y), doEvenMore(thing), another, ); // Unless, of course, you're fine with this. It kinda does // look like a Rust `if` expression if you squint hard enough.
결론
마무리면서 우리는 쉼표 연산자에 대한 매력적인 사례인 복잡한 조건부 삼항 연산을 살펴보았습니다. 쉼표 연산자는 가지가 짧고 달콤할 때 빛을 발하지만 세 개의 인라인 문 이후에는 빠르게 유행에서 벗어납니다. 그 시점에서는 코드를 리팩토링하는 것이 더 나을 것입니다.
그럼 쉼표 연산자를 사용해야 할까요? 솔직히... 네! 읽기 쉬운 코드는 다음 독자를 염두에 두고 있으므로 쉼표 체인이 지나치게 길지 않는 한 나는 이 코딩 스타일을 받아들이고 장려할 것입니다. 대안(예: 초기화되지 않은 변수 및 리팩터링된 마이크로 함수)을 고려하면 결국 쉼표 연산자는 그렇게 나쁘지 않습니다.
실제로 나는 이미 이 재미있어 보이는 쉼표 연산자를 내 코드베이스에 뿌렸습니다. 공평하게 말하면 어쨌든 다중 문 삼항 조건문이 필요한 경우는 거의 없습니다. 하지만 그렇게 할 때 내 의도를 간결하게 표현하는 멋진 도구가 내 벨트에 있습니다.
그러므로 쉼표 연산자에 대한 설득력 있는 주장을 쉬겠습니다.
위 내용은 쉼표 연산자에 대한 매력적인 사례의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.
