JavaScript 변수의 이름 지정 방법

JS 변수의 이름을 지정하는 방법에 대해 살펴보겠습니다.
이 언어에서 허용되지 않는 작업과 변수를 명명하여 다른 개발자와 쉽게 이해할 수 있도록 하는 방법에 대해 설명합니다.

대소문자 구분

질문부터 시작하겠습니다. 세 개의 변수'name ', 소문자, 대문자, 그리고 전체 대문자를 만들 것입니다.

const name = "Jane";
const Name = "Mark";
const NAME = "Fred";

이것은 같은 변수입니까?당신은 어떻게 생각합니까?내가 컨트롤러에 이 변수를 기록할 때 오류가 발생합니까?

console.log(name, Name, NAME); // "Jane" "Mark" "Fred"

비록 서로 다르지만, 이것들은 모두 유효한 변수 이름이다.우리는 변수가 먼저 대소문자를 구분하는 것을 볼 수 있다.그것들은 같은 알파벳 순서를 가질 수 있지만, 대소문자는 매우 중요하다.

자기 묘사

그 다음으로 변수명은 그것들이 무엇을 포함하는지 분명히 해야 한다.
만약 우리가 다른 사람의 코드를 보고 있다면 다음과 같은 내용을 볼 수 있다.

let newValue = `${value1} ${value2}`;

무슨 일이 일어났는지 아십니까?두 개의 값을 추가하고 있지만, 그것들이 무엇인지, 어떤 데이터 형식인지 알 수 없습니다.
이제 이름이 향상된 경우(예:

let fullName = `${firstName} ${lastName}`;

우리는 지금 발생하고 있는 일을 정확하게 보고 이해한다.이 이름들은 문자열이고, fullName도 문자열일 것으로 추정할 수 있습니다.그래서 변수 표지부호는 스스로 묘사해야 하며 주석을 달아서 다른 사람이 무엇을 가지고 있는지 알 필요가 없다.
셋째, 대부분의 경우 변수는 낙타봉 문법으로 작성해야 한다. 그 중에서 이름의 첫 번째 단어는 소문자이고 나머지는 대문자이다.

let firstname;
let first_name;
let FIRSTNAME;
let FIRST_NAME;
let firstName;

다음 중 낙타색 자모로 정확하게 쓴 것은 무엇입니까?마지막 하나만.
camel case 약속은 JS 변수를 작성할 때 기억해야 할 가장 중요한 규칙이지만 다른 유용한 약속도 있다. 즉, 이러한 약속은 따르는 데 도움이 된다. 왜냐하면 개발자에게 신호를 보냈지만 언어 자체가 필요하지 않기 때문이다.

부울 이름 규약

JS는 느슨한 형식의 언어이기 때문에 모든 변수가 모든 데이터 형식을 포함할 수 있다는 것을 의미하기 때문에 우리가 변수를 명명하는 방식은 다른 개발자에게 어떤 유형의 데이터를 포함해야 하는지 알려줄 수 있다.
가령 우리가 변수로 모드나 팝업 창을 볼 수 있는지 여부를 제어한다면.만약 변수가 사실이라면 그것은 볼 수 있고, 가짜라면 그것은 아니다.
다른 개발자에게 이것이 무엇을 하는지 정확하게 알려주기 위해서 우리는 isModalVisible라는 변수를 사용할 수 있다.왜 그것 앞에'네'를 붙입니까?그것은 우리에게 그것이 브리 값을 포함하고 있다는 것을 알려줄 뿐만 아니라 조건문에서 쉽게 읽을 수 있다.만약 우리가 모드가 보이는 상황에서 무엇을 하고 싶다면, 우리의 코드는 다음과 같다.

if (isModalVisible) {
  // do this
}

지금 이 조건은 읽기에 마치 문장 같다.우리가 코드를 간단한 지령처럼 읽을 수 있을수록 좋다.
접두사를 계산하려면 조건문에 변수를 넣고 표시된 내용을 읽으십시오.일반적으로 부울 값을 포함하는 변수의 접두사는 "is", "has"입니다.

let isLoading;
let hasPosition;

상수 명명 규칙

또 다른 가치 있는 약속은 변수의 값이 영원히 바뀌어서는 안 된다는 것이다.우리는 영원히 재분배할 수 없는 변수를 만들기 위해const 키워드가 있다는 것을 이미 알고 있다.그러나 다른 개발자들도 수동으로 그 값의 변수를 변경해서는 안 된다. 우리는 모든 대문자에 변수 이름을 쓴다.
예를 들어, 우리는 그것을 인용하기 편리하도록 16진수 색깔의 빨간색을 변수에 저장할 수 있다.빨간색은 변경되지 않으며 업데이트가 필요하지 않으므로 모든 대문자를 사용할 수 있습니다.

const COLOR_RED = "#F00";

camelcase와 달리 모든caps 상수에 대해 밑줄로 표지부의 단어를 구분합니다

요약

다시 살펴보겠습니다.

변수 대소문자 구분

그들의 이름은 스스로 묘사해야 한다.우리는 그것의 명칭에 따라 그들이 가지고 있는 데이터를 정확하게 알고 그 중에서 그것이 어떤 데이터 유형인지 알아야 한다

당신이 작성한 대부분의 JS 변수는 camelCase

입니다.

변수는 모든 내용을 저장할 수 있고 쉽게 변경할 수 있기 때문에 저희는 약정을 이용하여 다른 개발자에게 더 많은 정보를 제공합니다

예를 들어'is'나'has'를 브리 값을 포함하는 변수의 접두사로 사용

영원히 변경되지 않는 값을 포함하는 변수에 모든 상한선을 사용합니다

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

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

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