> 웹 프론트엔드 > JS 튜토리얼 > Js 매개변수 전달 및 변수 복사

Js 매개변수 전달 및 변수 복사

一个新手
풀어 주다: 2017-10-26 10:05:06
원래의
1855명이 탐색했습니다.

ECMAScript 변수에는 기본 유형 값과 참조 유형 값이라는 두 가지 다른 데이터 유형의 값이 포함될 수 있습니다. 기본 유형 값은 단순한 데이터 세그먼트를 참조하는 반면, 참조 유형 값은 여러 값으로 구성될 수 있는 객체를 참조합니다.

  5가지 기본 데이터 유형: 정의되지 않음, Null, 부울, 숫자 및 문자열. 이 5가지 기본 데이터 유형은 변수에 저장된 실제 값을 조작할 수 있으므로 값으로 액세스됩니다. ES6에는 기호 유형이 하나 더 있습니다.

  참조 유형의 값은 메모리에 저장된 객체입니다. JavaScript는 메모리 위치에 대한 직접적인 접근을 허용하지 않으므로 객체의 메모리 공간을 직접 조작할 수 없습니다. 객체를 조작할 때 실제로는 실제 객체가 아닌 객체에 대한 참조를 조작하는 것입니다. 이를 위해 참조 유형의 값은 참조로 액세스됩니다.

변수값 복사

  • 【변수값 복사】기본형 변수의 값을 복사하면 변수 객체에 새로운 값이 생성된 후, 새로운 변수에 할당된 위치에 값이 복사됩니다. 모든 변수 값에 대한 작업은 서로 영향을 미치지 않습니다.

  • 【참조 포인터 복사】 참조 유형 변수의 값을 복사하면 변수 개체에 저장된 값도 새 변수에 의해 할당된 공간에 복사됩니다. 차이점은 이 값의 복사본이 실제로 포인터라는 것입니다. 그리고 이 포인터는 힙에 저장된 객체를 가리킵니다. 복사한 후에 두 변수는 실제로 동일한 개체를 참조합니다. 따라서 변수를 변경하면 다른 변수에 영향을 미칩니다.

매개변수 전달

  ECMAScript의 모든 함수 매개변수는 값으로 전달됩니다. 변수에 접근하는 방법에는 값으로 접근하는 방법과 참조로 접근하는 방법이 있습니다. 반면 매개변수는 값으로만 ​​전달할 수 있습니다.

  • 기본 유형 매개변수 전달: 함수에 전달되는 것은 값의 복사본이며, 함수 내 수정 사항은 외부에서 볼 수 없습니다.

var a = 1;
var b = 2;
function change(a, b) {
    var c = a;
    a = b;
    b = c;
    console.log(a);    //2
    console.log(b);    //1
}
change(a, b);
console.log(a);    //1
console.log(b);    //2
로그인 후 복사
  • 참조 유형 매개변수 전달: 함수에 전달되는 것은 값에 대한 참조입니다. 함수의 속성 수정은 외부에서 볼 수 있지만 새 참조로 덮어쓰는 것은 외부에서 볼 수 없습니다

var a = [1, 2, 3];
var b = [5, 6];
function change(a,b) {
  a[0] = 4;    //对其属性的修改外部可见 
  var c = a;
  a = b;      //用新引用覆盖
  b = c;
  console.log(a);  //"5,6"        
  console.log(b);  //"4,2,3"
}
change(a,b);
console.log(a);    //"4,2,3"
console.log(b);    //"5,6"
로그인 후 복사

  a, b는 변경 함수의 변수입니다. 함수를 호출하면 a와 b의 참조가 이 두 변수에 할당되지만 전역 세계에서는 a와 b를 변경할 수 없습니다. 새로운 참조로 덮어쓰는 것은 외부에 보이지 않기 때문에 함수는 참조만 얻고 참조를 변경할 권한은 없기 때문입니다.

var a = [1, 2, 3];
var b = [5, 6];
function change() {
  var c = a;
  a[0] = 4;    //对其属性的修改外部可见 
  a = b;      //用新引用覆盖
  b = c;
}
change(a,b);
console.log(a);  //"5,6" 
console.log(b);  //"4,2,3"
로그인 후 복사

  js에는 블록 수준 범위가 없기 때문에 변경된 변수 a를 찾을 수 없으며 b는 이를 찾기 위해 의식적으로 상위 계층으로 이동하므로 여기서 a와 b는 전역 변수에 대한 참조입니다.


☞☞☞JavaScript 시리즈 심층 연구☜☜☜

  ECMAScript 변수에는 기본 유형 값과 참조 유형 값이라는 두 가지 다른 데이터 유형의 값이 포함될 수 있습니다. 기본 유형 값은 단순한 데이터 세그먼트를 참조하는 반면, 참조 유형 값은 여러 값으로 구성될 수 있는 객체를 참조합니다.

  5가지 기본 데이터 유형: 정의되지 않음, Null, 부울, 숫자 및 문자열. 이 5가지 기본 데이터 유형은 변수에 저장된 실제 값을 조작할 수 있으므로 값으로 액세스됩니다. ES6에는 기호 유형이 하나 더 있습니다.

  참조 유형의 값은 메모리에 저장된 객체입니다. JavaScript는 메모리 위치에 대한 직접적인 접근을 허용하지 않으므로 객체의 메모리 공간을 직접 조작할 수 없습니다. 객체를 조작할 때 실제로는 실제 객체가 아닌 객체에 대한 참조를 조작하는 것입니다. 이를 위해 참조 유형의 값은 참조로 액세스됩니다.

변수값 복사

  • 【변수값 복사】기본형 변수의 값을 복사하면 변수 객체에 새로운 값이 생성된 후, 새로운 변수가 할당한 위치에 값이 복사됩니다. 모든 변수 값에 대한 작업은 서로 영향을 미치지 않습니다.

  • 【참조 포인터 복사】 참조 유형 변수의 값을 복사하면 변수 개체에 저장된 값도 새 변수에 의해 할당된 공간에 복사됩니다. 차이점은 이 값의 복사본이 실제로 포인터라는 것입니다. 그리고 이 포인터는 힙에 저장된 객체를 가리킵니다. 복사한 후에 두 변수는 실제로 동일한 개체를 참조합니다. 따라서 변수를 변경하면 다른 변수에 영향을 미칩니다.

매개변수 전달

  ECMAScript의 모든 함수 매개변수는 값으로 전달됩니다. 변수에 접근하는 방법에는 값으로 접근하는 방법과 참조로 접근하는 방법이 있습니다. 반면 매개변수는 값으로만 ​​전달할 수 있습니다.
기본형 매개변수 전달 : 함수에 전달되는 것은 값의 복사본이며, 함수 내에서의 수정은 외부에 보이지 않습니다.

var a = 1;
var b = 2;
function change(a, b) {
    var c = a;
    a = b;
    b = c;
    console.log(a);    //2
    console.log(b);    //1
}
change(a, b);
console.log(a);    //1
console.log(b);    //2
로그인 후 복사
  • 참조 유형 매개변수 전달: 함수에 전달되는 것은 값에 대한 참조입니다. 함수의 속성 수정은 외부에서 볼 수 있지만 새 참조로 덮어쓰는 것은 외부에서 볼 수 없습니다

var a = [1, 2, 3];
var b = [5, 6];
function change(a,b) {
  a[0] = 4;    //对其属性的修改外部可见 
  var c = a;
  a = b;      //用新引用覆盖
  b = c;
  console.log(a);  //"5,6"        
  console.log(b);  //"4,2,3"
}
change(a,b);
console.log(a);    //"4,2,3"
console.log(b);    //"5,6"
로그인 후 복사

  a, b 함수 호출 시 a와 b의 참조가 이 두 변수에 할당되지만 전역 세계에서는 a와 b를 변경할 수 없습니다. 새로운 참조로 덮어쓰는 것은 외부에 보이지 않기 때문에 함수는 참조만 얻고 참조를 변경할 권한은 없기 때문입니다.

var a = [1, 2, 3];
var b = [5, 6];
function change() {
  var c = a;
  a[0] = 4;    //对其属性的修改外部可见 
  a = b;      //用新引用覆盖
  b = c;
}
change(a,b);
console.log(a);  //"5,6" 
console.log(b);  //"4,2,3"
로그인 후 복사

  js에는 블록 수준 범위가 없기 때문에 변경된 변수 a를 찾을 수 없으며 b는 이를 찾기 위해 의식적으로 상위 계층으로 이동하므로 여기서 a와 b는 전역 변수에 대한 참조입니다.

위 내용은 Js 매개변수 전달 및 변수 복사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿