JavaScript_javascript 팁의 개인/정적 속성 소개

//정적 프라이빗 변수 및 인스턴스 프라이빗 변수
(function () {
//프라이빗 변수 정의
var staticPrivateValue = "";
//생성자, 생성자 할당 전역 변수에 함수 짜기
MyObject = function (name) {
//인스턴스 변수 정의
this.name = name
}//두 개의 공용 메소드 정의 변수, 프로토타입에 공용 메소드를 다시 추가하세요.
MyObject.prototype.getPrivateValue = function () {
return staticPrivateValue;
}
MyObject.prototype.setPrivateValue = function (value ) {
staticPrivateValue = value;
})();
var mo = new MyObject("jeff-gyy")
mo.setPrivateValue("gyycyy"); 개인 속성
alert(mo.getPrivateValue()); //gyycyy 출력
alert(mo.name); //jeff-gyy 출력
var mo1 = new MyObject("jeff-cyy");
alert(mo1.getPrivateValue()); //gyycyy 출력
alert(mo1.name); //jeff-cyy 출력


위 코드에서 반환된 값을 참조하세요. getPrivateValue 함수를 호출할 때 by mo1은 mo가 설정한 "gyycyy" 값입니다. 이유는 무엇입니까? 먼저 익명 함수를 정의하고 해당 함수를 즉시 호출합니다. 이 함수에는 staticPrivateValue라는 개인 변수가 포함되어 있습니다. 그런 다음 MyObject에 대해 정의된 두 개의 프로토타입 메서드는 실제로 클로저의 범위 체인을 통해 포함된 함수의 개인 변수에 액세스할 수 있습니다. getPrivateValue 및 setPrivateValue 두 함수의 범위 체인에는 익명 함수의 변수 개체가 포함되어 있습니다. 범위 체인에 포함된 변수 개체는 실제로 포인터이므로 생성된 두 개체가 개인 변수를 수용하기 위해 공용 메서드를 사용합니다. , 그들은 실제로 두 가지 모두에 액세스합니다. 이는 익명 함수의 변수 개체에 있는 staticPrivateValue이므로 변수 인스턴스 간에 공유할 수 있습니다. 전통적인 OO 언어의 관점에서 우리가 구현하는 정적 속성은 실제로는 정적이 아니며 정적 속성 인스턴스의 공유만 실현합니다.

var mo = new function () {
//개인 변수
var privateValue = ""
//일반 모듈 모드
return {
publicValue: "public ",
//비공개 변수 액세스
getPrivateValue: function () {
return privateValue
},
setPrivateValue: function (value) {
privateValue = value;
}
}
}()
mo.setPrivateValue("private value")
alert(mo.getPrivateValue()); (mo.publicFunction());


위의 예에서 익명 함수에는 반환된 객체에 비공개 변수인 public 함수가 포함되어 있습니다. 클로저의 범위 체인을 통해 포함된 함수에 액세스합니다. 정의된 익명 함수는 즉시 호출되므로 변수 mo는 반환된 객체를 참조합니다. 위의 싱글톤 패턴은 향상된 모듈 패턴을 사용하여 사용자 정의 유형의 싱글톤 패턴을 구현할 수 있습니다.

function MyObject(name) {
this.name = name; ;
//사용자 정의 생성자
var mo = new function () {
//개인 변수
var privateValue = ""
//향상된 모듈 모드
var o = new MyObject("gyycyy");
o.publicValue = "public";//개인 변수에 액세스
o.getPrivateValue = function () {
return privateValue; o.setPrivateValue = function (value) {
privateValue = value;
}
return o;
}()
mo.setPrivateValue("private value"); (mo.getPrivateValue());
alert(mo.publicFunction());


위의 코드 예제는 MyObject의 싱글톤 모드를 구현합니다.
마지막으로 언급해야 할 점은 클로저 사용에는 장단점이 있다는 것입니다. 클로저 범위 체인은 함수가 포함된 변수 객체를 참조하므로 추가 메모리를 차지하며 변수 검색도 수행해야 합니다. 스코프 체인을 통해 검색 시간이 소모되며, 폐쇄가 깊어질수록 상황은 더욱 심각해집니다. 또한 IE(이전 버전)에서는 가비지 수집 메커니즘이 참조 계산을 사용하기 때문에 다음 예와 같이 순환 참조가 발생하여 메모리 누수로 이어질 수 있습니다.




코드 복사