JavaScript 함수 매개 변수의 전달 방식 에 대한 상세 한 설명
기본 형식 값 전달
매개 변수 에 기본 형식 값 을 전달 할 때 전 달 된 값 은 부분 변수(즉,이름 매개 변수 또는 arguments 대상 의 요소)에 복 사 됩 니 다.
function addOne (num) {
num++;
return num;
}
var count = 1;
var result = addOne(count);
console.log(count); //1
console.log(result); //2
위의 예 에서 변수 count 의 값 은 함수 에 사용 할 수 있 도록 함수 에 전 달 된 매개 변수 num 입 니 다.이때 변수 count 와 매개 변수 num 의 값 은 같 지만 서로 독립 된 변수 입 니 다.함수 에서 매개 변수 num 의 값 을 바 꾸 면 함수 외부의 변수 count 의 값 에 영향 을 주지 않 습 니 다.따라서 자 바스 크 립 트 에서 함수 의 기본 유형 값 매개 변 수 는 값 에 따라 전달 된다.
형식 값 의 전달 참조
function setName (obj) {
obj.name = 'Nicholas';
}
var person = new Object();
setName(person);
console.log(person.name); //'Nicholas'
위의 예 에서 변수 person 의 값 은 함수 의 매개 변수 obj 에 전달 되 었 습 니 다.이때 함수 내부 에 매개 변수 obj 에 name 속성 을 추가 하고 함수 가 매개 변수 obj 에 대해 함수 외부 변수 person 도 name 속성 을 얻 었 습 니 다.결과적으로 자 바스 크 립 트 에서 함수 의 인용 유형 값 매개 변수의 전달 은 인용 에 따라 전달 되 는 것 같다.하지만 그렇지 않다.변수 person 의 값 은 참조 형식 값 이기 때문에 변수 대상 에서 실제 대상 이 메모리 에 있 는 주소(또는 포인터)로 볼 수 있 습 니 다.매개 변 수 를 전달 한 후 매개 변수 obj 의 값 도 이 대상 이 메모리 에 있 는 주소 이기 때문에 함수 에서 매개 변수 obj 의 값 을 조작 하 는 대상 은 조작 변수 person 의 값 이 인용 하 는 대상 에 해당 합 니 다.
function setName (obj) {
obj.name = 'Nicholas';
obj = new Object();
obj.name = 'Greg';
return obj;
}
var person = new Object();
var result = setName(person);
console.log(person.name); //'Nicholas'
console.log(result.name); //'Greg'
만약 에 매개 변수 전달 이 인용 에 따라 전달 된다 면 위의 예 에서 함수 가 매개 변수 obj 의 값 이 인용 하 는 대상 을 바 꾸 면 해당 하 는 변수 person 의 값 이 인용 하 는 대상 도 달라 집 니 다.함수 의 쓰기 방법 을 바 꾸 면 매개 변수의 값 에 따라 전달 하 는 것 을 이해 하 는 데 더욱 도움 이 될 수 있 습 니 다.
function setName () {
var obj = arguments[0];
obj.name = 'Nicholas';
obj = new Object();
obj.name = 'Greg';
return obj;
}
변수 person 과 매개 변수 obj 의 값 은 같은 대상 이 메모리 에 있 는 주소 이지 만 서로 독립 된 변수 입 니 다.함수 에서 인자 obj 의 값 을 바 꾸 면 메모리 에 있 는 다른 대상 을 가리 키 게 합 니 다.변수 person 의 값 은 변 하지 않 습 니 다.아니면 원래 의 대상 을 가리 키 는 것 입 니까?따라서 자 바스 크 립 트 에서 함수 의 인용 유형 값 매개 변 수 는 값 에 따라 전달 된다.
결론.
JavaScript 의 모든 함수 의 인 자 는 값 에 따라 전 달 됩 니 다.
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.