명령식 코드와 성명식 코드 사이에는 어떤 차이가 있습니까

일상적인 업무에서 당신은 어떤 인코딩 방식을 채택하려고 노력해야 합니까?
이 문제는 프로그래밍에서 결코 흔히 볼 수 없지만, 그것은 매우 중요하다.
우선, 프로그래밍 생활에서 당신이 피하고 싶은 인코딩 스타일에 대해 이야기해 봅시다. 당신이 자신을 위해서든 다른 사람을 위해서든.

명령식과 성명식 코드는 무엇입니까?

우리는 코드를 어떻게 작성하는지 두 가지 스타일 중 하나로 분류할 수 있다.
명확한 것은 한 사람의 코드가 엄격하게 한 종류나 다른 종류로 분류된 적이 없다는 것이다. 그러나 이것은 우리가 인코딩하는 방식을 가리키며, 그것이 누구에게 가장 적합한지에 따라 유용한 방식이다.
서면 코드는 명령식 또는 성명식이라고 불린다.이렇게 복잡하게 들리는 단어들은 결국 간단한 개념을 대표한다.
명령식 코드란 우리가 작성한 코드가 컴퓨터에 더욱 적합하고 성명성 코드는 개인이 읽기에 더욱 적합하다는 것을 가리킨다.
더 구체적으로 말하면, 명령식 코드는 자바스크립트 (또는 코드를 작성하고 있는 모든 언어) 에게 무엇을 할 것인지, 어떻게 할 것인지 알려주는 것을 가리킨다.

명령식 코드 및 왜 피해야 하는지

명령식 인코딩은 당신이 피해야 할 스타일입니다.이유는 다음과 같다-
만약 우리가 한 무리의 사람들이 있다면, 우리는 우리의 생일 파티를 위해 개인 초청장을 쓰고 싶다.우리의 인원 목록을 만듭니다.
다음에 우리는 모든 서면 초대장을 저장해야 하기 때문에 이 초대장을 위해 invitations 그룹을 만듭니다.

const people = [‘Doug’, ‘Fred’, ‘Jane’];
const invitations = [];

당신이 이미 짐작한 바와 같이, 우리는 이 그룹을 교체해서 우리의 목표를 실현해야 한다.우선, JavaScript 라이프 사이클의 대부분의 시간에 필요한 방식으로 for 루프를 사용합니다.
다음은 어떻게 쓰는가:

for (let i = 0; i < people.length; i++) {
  invitations[i] = `Hi ${people[i]}, come to my party!`;
}

내가 언급한 절차에 따라, 우리는 하나의 그룹을 순환하고, 모든 요소, 한 사람의 이름을 얻으며, 메시지 (위의 문자열) 에 추가하고, 그것을 새로운 그룹에 추가하기를 희망한다.
그러나 코드도 같은 이야기를 담았을까?
코드를 읽으려면 변수 i을 0으로 설정하여, 그룹의 현재 길이보다 작은지 확인하고, 1을 i에 추가하고, 그룹의 i번째 값을 문자열에 삽입하여, 새 그룹의 같은 인덱스에 넣습니다.
이 모든 것은 필수입니다. JavaScript에서 무엇을 할 것인지, 어떻게 할 것인지를 알려 드리겠습니다.모든 이 코드들은 정확하다.
만약 우리가 그것을 운행한다면, 우리는 우리가 원하는 대로 모든 소식을 얻을 것이다.
그러나, 이 코드에 대한 첫 번째 직감 (우리들 중 많은 사람들이 for 순환을 처음 보는 것처럼) 은 정확하지 않을 수도 있다.
그럼에도 불구하고 언어의 생명 주기 중, 그것은 의심할 여지없이 교체 수조의 가장 유행하는 방식이다.그러나 읽기와 기억은 필요하고 도전적이다.

성명성 코드 및 왜 성명성 스타일로 작성했는지

만약 우리가 성명식의 방식으로 쓰면 어떤 모습일까요?
성명성 코드는 다르다.말 그대로 우리가 이루고자 하는 목표를 설명하는데 JavaScript는 이렇게 간단하다.
인간으로서 컴퓨터만이 아니라 읽을 수 있다는 얘기다.사실 다른 개발자들에 대한 가독성은 우리가 좀 더 성명적인 스타일로 작성하려고 시도한 것이다.
따라서 JavaScript의 유용한 배열 방법을 많이 알고 있다면, 먼저 사용할 수 있는 방식으로 코드를 다시 쓸 수 있습니다.
더 많은 사람들을 위한 성명식 초대장을 만듭니다.

const invitations = people.map((person) => `Hi ${person}, come to my party!`);

이 모든 것은 하나의 선상에 있지만 동시에 이해하기 쉽다.그것은 더욱 간결하고 쓰기 쉬우며, 동시에 매우 뚜렷하다.
이것이 바로 성명성 코드 스타일을 추구하는 데 가져올 수 있는 것이다.
첫 번째 예와 달리, 우리는 곤혹스러운 변수 (예: i) 를 만들 필요도, 자바스크립트가 그룹을 어떻게 옮겨다니는지 알려줄 필요도 없다.우리는 단지 수조에 비추어 모든 사람의 이름을 초대에 추가한 후에 초대가 우리에게 되돌아올 뿐이다

요약

그러면 우리는 어떤 방식으로 코드를 작성하고 싶습니까?
우리의 예를 돌이켜 보자. 특히 우리가 이 코드를 처음 본다면, 이해하기 쉬운 것은 무엇입니까?무엇이 더 기억에 남습니까?
시간의 추이에 따라, 우리는 for순환을 어떻게 작성하는지 되돌아볼 수밖에 없다. 왜냐하면 이것이 필요하기 때문이다.우리 자신과 다른 사람들을 위해 진술식 스타일은 우리가 추구하고자 하는 것이다.이것은 사람을 곤혹스럽게 하는 개념인 것 같지만 우리가 구분하는 것은 중요한 원인 때문이다.
우리가 코드를 작성하는 방식은 컴퓨터가 아니라 그것을 읽고 사용하는 사람에게 적합해야 한다.
당신의 코드를 자세히 검사하고 다시 읽어서 쉽게 읽을 수 있고 이해할 수 있도록 하세요. 마치 당신이 글을 쓰고 있는 것처럼, 모든 사람이 이해하고, 심지어는 비프로그래머가 될 수 있기를 바랍니다. 그리고 당신의 코드를 더욱 성명적으로 실천하도록 노력하세요.
그것은 주위 사람들을 도울 뿐만 아니라, 너 자신도 도울 것이다. 특히 몇 년 후에 코드를 다시 복습할 때, 너는 이미 그 역할을 잊어버렸다.

이 댓글 마음에 드세요?훈련소에 들어가다

The React Bootcamp은 당신이 알아야 할 러닝 리액트에 대한 모든 지식을 동영상, 메모지, 특별 보너스를 포함한 종합 패키지로 포장합니다.
수백 명의 개발자가 이미 파악하고 있는 내막 정보를 얻어 반응을 하고 이상적인 일을 찾으며 자신의 미래를 장악한다.

열릴 때 알림을 받으려면 여기를 누르십시오