클로저의 로컬 변수가 바깥 쪽에서 바뀌고 있습니다. 이것은 자바 스크립트 버그이거나 잘못된 것입니까?

Question

개인 정보 보호를 위해 폐쇄를 사용하고 있습니다. 클로저 외부에서 로컬 변수를 변경하는 이유와 방법을 이해할 수 없습니다.

설명 문제에 대한 스크립트를 작성했습니다.

var MyAjax=(function(){ 
    //Create a local variable for privacy 
    var _opts={ 
     cache:true 
    } 
    ,getDefaultOptions=function(){ 
     return _opts 
    }; 

    //return only getDefaultOptions function 
    return { 
    getDefaultOptions:getDefaultOptions 
    } 
})() 


//I am merging new ajax options with default options. 
var defaults=MyAjax.getDefaultOptions(); 
var reqOptions= $.extend(defaults,{cache:false}); 

// I am getting expected result 
console.log("extended var",reqOptions) //{cache:false} 

// I am getting non expected result 
// I should get {cache:true} but I am getting { cache:false } 
console.log("defaults",MyAjax.getDefaultOptions()) //{cache:false} 

왜 이런 일이 발생하고 어떻게됩니까?

Answer 1

$.extend() 함수는 첫 번째 인수를 수정합니다. 이를 원하지 않으면 다음을 수행하십시오.

var reqOptions = $.extend({}, defaults, {cache: false}); 

정교하게 : 첫 번째 인수로 객체에 대한 참조를 전달합니다. 클로저의 private 변수 일지라도 getter 함수는 이에 대한 참조를 반환 했으므로 "get"함수는 그 방식으로 "볼 수 있습니다". jQuery 함수는 항상 첫 번째 인수로 전달 된 객체를 직접 업데이트하는 방식으로 작성됩니다. 따라서 해당 객체를 변경하지 않으려면 새로 생성 된 객체를 첫 번째 인수로 전달하십시오.