Javascript 객체 멤버, 공유 멤버 변수 Experiment_javascript 기술

1) 자바스크립트 객체 멤버 실험:

코드 복사 코드는 다음과 같습니다.

var f = function d () {
this.a = "a";/*이 문장을 실행하면 f.a도 d.a도 없습니다. window.a*/
var b = "b";/* 지역 변수*/
};
var o = { ff: function () {
var a = "a"; /*지역 변수*/
this.b = "b"; *이 문장은 o.b*/
}
};
function Man(){
this.age = 30
Man.prototype.sex = 1; ;
Man.prototype.name = function () {
};
디버거;/*첫 번째 중단점*/
o.ff(); m = new Man()
디버거; /*두 번째 중단점*/



첫 번째 중단점에서 개체 멤버의 존재:

두 번째 중단점에서 개체 멤버의 존재:

한 문장: js 함수에 관해: 이것은 함수 외부에서 가장 가까운 수준에 있는 객체를 나타내고, 중첩된 함수의 내부 함수 내의 this는 창 객체를 나타냅니다.

한 문장에서: js의 oo 기능: 객체의 멤버를 정의하려면 this.member 메소드를 사용하세요. 객체를 사용하면 클래스와 객체 인스턴스, 그리고 .prototype 멤버 간에 차이가 있습니다. 정의는 고전적인 정의 방법으로, 클래스와 객체 인스턴스가 통합됩니다.

2) 자바스크립트 객체 공유 멤버 변수 실험:

코드 복사 코드는 다음과 같습니다. function Ghost(_name) {

this.name = _name;

this.age = 1000;
}
Ghost.prototype.setName = 함수(_name) {
this.name = _name;
}
function Man(_name){
this.age = 30;
this.ghost = new Ghost("인스턴스 변수" _name); 🎜> };
Man.prototype.ManGhost = new Ghost("공유 변수");
var a = new Man("a")
var b = new Man("b");
var amg = a.ManGhost.setName("a의 공유 변수만 설정했습니다.")
디버거; /*첫 번째 중단점*/
var ag = a.ghost
var bg; = b.ghost;
var bmg = b.ManGhost;
디버거; /*두 번째 중단점*/


첫 번째 중단점까지 실행:

단순변수와 객체변수의 차이점

.prototype으로 정의된 멤버를 사용하세요. 멤버가 단순 변수인 경우 각 개체 인스턴스에는 자체 복사본이 있습니다. (예: Man.prototype.noObejctVar)

.prototype으로 정의된 멤버를 사용하세요. 멤버가 개체 변수인 경우 각 개체 인스턴스는 개체의 동일한 복사본을 공유합니다. (예: Man.prototype.ManGhost) 왜 그런 차이가 있나요? ManGhost 변수와 noObjectVar 변수는 둘 다 .prototype을 사용하여 정의된 멤버입니다. 단지 유형이 다를 뿐이므로 액세스하고 사용하는 방법이 다릅니다. 단지 ManGhost 변수가 새로운 객체를 저장하고, noObjectVar 변수가 그 값(또는 특정 값에 대한 참조)을 저장한다는 것입니다. 즉, ManGhost는 이를 통해 객체를 조작할 수 있습니다. 참조 및 noObjectVar 변수 메모리 저장도 일종의 값 참조가 될 수 있지만 이 참조를 사용하여 작동할 수는 없습니다.

다른 시각으로 보기

noObjectVar 변수는 문자열 객체에 대한 참조를 저장합니다.

a.noObjectVar="새 문자열 a"; 이는 noObjectVar가 원래 문자열 객체 참조에서 새 문자열 객체 참조를 가리킨다는 의미입니다. (새 문자열 객체가 원래 문자열 객체를 덮어쓴다고도 할 수 있습니다.)

a.ManGhost=new Ghost("a");

b.ManGhost=new Ghost("b");

이렇게 하면 a와 b 사이의 공유 객체에는 문제가 없습니다. 그러나 프로토타입 시 새 객체를 정의하는 것은 낭비입니다. 그러나 ManGhost에서 .prototype을 사용하는 것은 잘못되었습니다.

.prototype을 사용하여 멤버 함수와 공유 변수를 정의하는 것이 올바른 사용법입니다.

자바스크립트를 사용하여 클래스를 올바르게 정의하려면 [기술 메모] 클래스 사양을 정의하는 자바스크립트를 참조하세요