JavaScript의 가변 할당 및 돌연변이에 대한 안내서

돌연변이는 JavaScript 세계에서 상당히 자주 듣는 것이지만 정확히 무엇입니까? 이 기사에서는 가변 할당 및 돌연변이의 개념을 다루고 함께 개발자에게 진정한 고통이 될 수있는 이유를 알게 될 것입니다. 문제를 피하기 위해 관리하는 방법, 가능한 한 적은 적은 사용 방법 및 코드를 예측할 수있는 방법을 살펴 봅니다.

이 주제를 더 자세히 탐색하거나 현대 자바 스크립트로 속도를 높이려면 새 책의 첫 번째 장을 확인하십시오. > 가치 유형의 기본으로 돌아가서 시작하겠습니다…

키 테이크 아웃

JavaScript 값은 프리미티브 (불변) 및 물체 (Mutable)로 분류되어 가변 할당 및 돌연변이가 어떻게 행동하는지에 영향을 미칩니다. 'const'를 사용하는 것은 물체에 대한 돌연변이를 방지하지 않습니다. 변수의 다른 값 또는 객체에 대한 재 할당을 방지합니다.

. `let '키워드는 재 할당하여 코드 전체에서 값을 변경 해야하는 변수에 적합합니다. 스프레드 연산자 (`…`)는 물체의 얕은 사본을 생성하는 데 중요하므로 복사 된 참조 객체의 돌연변이와 관련된 문제를 피합니다. 돌연변이는 본질적으로 나쁘지 않지만 특히 동적 웹 응용 프로그램에서 코드 예측 가능성을 유지하고 버그를 최소화하기 위해 신중하게 관리해야합니다.

데이터 유형 JavaScript의 모든 값은 원시적 값 또는 객체입니다. 7 가지 원시 데이터 유형이 있습니다 :

'hello', "world",`hi`, ''와 같은 문자열 부울, 참과 거짓

null 정의되지 않은 기호 - 다른 기호와 충돌하지 않도록 보장되는 독특한 토큰 bigint - 큰 정수 값을 다루기위한

원시적 값이 아닌 것은 배열, 날짜, 정규 표현식 및 물론 물체 리터럴을 포함하여 객체입니다. 함수는 특수한 유형의 객체입니다. 속성과 방법이 있기 때문에 분명히 대상이지만 호출 할 수도 있습니다. 변수 할당 변수 할당은 코딩에서 가장 먼저 배우는 것 중 하나입니다. 예를 들어, 이것은 변수 베어에 숫자 3을 할당하는 방법입니다.

변수에 대한 공통 은유는 내부에 값이 배치 된 레이블이있는 상자 중 하나입니다. 위의 예는 3의 값이 내부에 배치 된 "Bears"라벨을 포함하는 상자로 묘사됩니다.

• 어떤 일이 일어나는지에 대한 대안적인 생각은 기준으로, 레이블을 3 : 숫자 3을 다른 변수에 할당하면 곰과 동일한 값을 참조합니다.
  변수 곰과 사업자는 모두 동일한 원시 값 3의 기본 값을 참조합니다. 엄격한 평등 연산자를 사용하여이를 확인할 수 있습니다.

  <span>const bears = 3;
  </span>

  모두 동일한 값을 참조하는 경우 평등 연산자가 TRUE를 반환합니다. 객체로 작업 할 때 일부 gotchas 이전 예제는 원시 값이 변수에 할당되는 것을 보여주었습니다. 객체를 할당 할 때 동일한 프로세스가 사용됩니다

  이 과제는 변수 Ghostbusters가 객체를 참조한다는 것을 의미합니다.

  그러나 변수에 객체를 할당 할 때 큰 차이는 다른 객체를 다른 변수에 할당하면 완전히 다른 객체를 참조한다는 것입니다. 예를 들어, 아래 할당은 변수 TMNT (Teenage Mutant Ninja Turtles)가 변수 Ghostbusters와 동일한 대상을 참조하는 것처럼 보입니다.

  변수는 고스트 버스 터와 tmnt 변수가 동일한 객체를 참조하는 것처럼 보이지만 실제로는 완전히 다른 객체를 참조합니다.

  <span>let musketeers = 3;
  </span>

  변수 재 할당 Const 키워드가 ES6에 도입되었을 때, 많은 사람들은 상수가 JavaScript에 소개되었다고 잘못 믿었지만 그렇지 않았습니다. 이 키워드의 이름은 약간 오해의 소지가 있습니다.

  const로 선언 된 변수는 다른 값으로 재 할당 할 수 없습니다. 이것은 원시적 값과 물체에 적용됩니다. 예를 들어, 변수 베어는 이전 섹션에서 Const를 사용하여 선언되었으므로 다른 값을 할당 할 수 없습니다. 숫자 2를 변수 베어에 할당하려고하면 오류가 발생합니다.

  숫자 3에 대한 참조는 고정되어 있고 Bears 변수는 다른 값을 재 할당 할 수 없습니다. 객체에도 동일하게 적용됩니다. 변수 Ghostbusters에 다른 객체를 할당하려고하면 동일한 오류가 발생합니다.

  let

  를 사용한 변수 재 할당 키워드가 변수를 선언하는 데 사용되면 코드의 나중에 다른 값을 참조하도록 재 할당 할 수 있습니다. 예를 들어, 우리는 LET를 사용하여 가변 사슬을 선언하여 Musketeers가 참조하는 값을 변경할 수 있습니다. D 'Artagnan이 Musketeers에 합류하면 그 숫자는 4 :

  로 증가합니다.

  bears <span>=== musketeers
  </span><span><< true
  </span>

  이것은 변수를 선언하는 데 사용 되었기 때문에 수행 할 수 있습니다. Musketeers가 원하는만큼 참조하는 가치를 변경할 수 있습니다.

  변수 tmnt도 LET를 사용하여 선언되었으므로 다른 객체 (또는 원하는 경우 완전히 다른 유형)를 참조하도록 재 할당 할 수도 있습니다.

  변수 tmnt는 이제 a

  완전히 다른 객체

  를 참조합니다. 우리는 단지 숫자 속성을 5로 변경하지 않았습니다 요약하면, const를 사용하여 변수를 선언하면 그 값을 재 할당 할 수 없으며 원래 할당 된 것과 동일한 원시 값이나 객체를 항상 참조합니다. LET를 사용하여 변수를 선언하는 경우, 그 값은 프로그램의 뒷부분에서 요구하는만큼 여러 번 재 할당 할 수 있습니다.

  <span>const bears = 3;
  </span>

  . const를 가능한 한 자주 사용하는 것은 일반적으로 좋은 관행으로 간주됩니다. 변수의 값이 일정하게 유지되고 코드가 더 일관되고 예측 가능하다는 것을 의미하므로 오류와 버그가 덜 발생합니다.

  . 참조 별 변수 할당 기본 JavaScript에서는 변수에만 값을 할당 할 수 있습니다. 할 수있는 것처럼 보이지만 변수를 할당하여 다른 변수를 참조 할 수 없습니다. 예를 들어, Stooges의 수는 Musketeers의 수와 동일하므로 변수 stooges를 할당하여 다음을 사용하여 변수 Musketeers와 동일한 값을 참조 할 수 있습니다. 이것은 변수 스쿠어스가 아래 다이어그램과 같이 변수 사슬을 참조하는 것처럼 보입니다.

  그러나 이것은 기본 JavaScript에서 불가능합니다. 변수는 실제 값 만 참조 할 수 있습니다. 다른 변수를 참조 할 수 없습니다. 과제를 할 때 실제로 발생하는 것은 할당 왼쪽의 변수가 오른쪽 참조의 변수 값을 참조하여 변수 stooges가 Musketeers 변수와 동일한 값을 참조한다는 것입니다. 일단이 과제가 완료되면 Stooges 변수는 Musketeers 변수에 전혀 연결되지 않습니다.

  이것은 D 'Artagnan이 Musketeers에 합류하고 Musketeers의 가치를 4로 설정하면 Stooges의 가치는 3으로 유지됩니다. 실제로 Stooges 변수를 Const를 사용하여 선언했기 때문에 설정할 수 없습니다. 새로운 가치로; 항상 3이 될 것입니다 요약 : Const를 사용하여 변수를 선언하고 다른 변수에 대한 참조를 통해서도 원시 값으로 설정하면 그 값이 변경 될 수 없습니다. 이것은 코드에 좋습니다. 더 일관되고 예측 가능하다는 것을 의미합니다.

  돌연변이 값은 변경할 수있는 경우 값이

  mexable 라고합니다. 그게 전부입니다.

  돌연변이

  는 값의 특성을 바꾸는 행위입니다. JavaScript의 모든 원시적 값은

  불변 : 속성을 변경할 수는 없습니다. 예를 들어, 끈 "케이크"를 가변 음식에 할당하면 그 속성을 변경할 수 없음을 알 수 있습니다. 첫 글자를“F”로 변경하려고하면 변경된 것 같습니다.

  그러나 변수의 값을 살펴보면 실제로는 아무것도 바뀌지 않았다는 것을 알 수 있습니다.

  <span>const bears = 3;
  </span>

  길이 속성을 변경하려고하면 같은 일이 발생합니다.

  반환 값에도 불구하고 길이 속성이 변경되었음을 암시하지만 빠른 점검은 다음과 같은 것을 보여줍니다.

  이것은 let 대신 const를 사용하여 변수를 선언하는 것과 관련이 없습니다. 우리가 Let를 사용했다면, 우리는 다른 줄을 참조하기 위해 음식을 설정할 수 있었지만 그 속성을 변경할 수는 없습니다. 원시 데이터 유형의 속성을 변경할 수 없습니다.

위 내용은 JavaScript의 가변 할당 및 돌연변이에 대한 안내서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!