JS 원형 객체 만들기 면접 문제
function A(){}
A.prototype={
aa:"aa",
method:function(){}
}
var a = new A();
var b = new A();
console.log(a.aa==b.aa); //true
console.log(a.method==b.method); //true
console.log("a.aa="+a.aa+" b.aa="+b.aa) //a.aa=aa b.aa=aa분석:prototype 원형의 뜻, 이것은 JS 창설 대상 방법 중의 원형법이다.원형법으로 대상을 정의하면 생성된 모든 대상은 원형의 속성을 공유합니다.
원형 방식을 사용하기 때문에 a와 b는 같은 원형을 가리키며 같은 대상 속성에 대응한다.
2、
function A(){}
A.prototype={
aa:"aa",
method:function(){}
}
var a = new A();
var b = new A();
b.aa = "bb";
b.method=function(){console.log("b method change")}
console.log(a.aa==b.aa); //false
console.log(a.method==b.method); //false
console.log("a.aa="+a.aa+" b.aa="+b.aa) //a.aa=aa b.aa=bb
console.log("a.method="+a.method+" b.method="+b.method) //a.method=function (){} b.method=function (){console.log("b method change")}분석: a와 b는 같은 원형을 가리킨다. 내 이해는 만약에 실례 대상이 원형의 내용을 수정하면 실례 대상을 기준으로 한다.
3、
function A(){
var count = 0;
this.aa = "aa";
this.method = function(){
return count;
}
this.obj={}
}
A.prototype={
aa:"cc",
method:function(){}
}
var a = new A;
var b = new A;
console.log(a.aa==b.aa); //true
console.log(a.obj==b.obj); //false
console.log(a.method==b.method); //false
console.log("a.aa="+a.aa+" b.aa="+b.aa); //a.aa=aa b.aa=aa
console.log("a.method="+a.method+" b.method="+b.method) //a.method=function (){return count;} b.method=function (){return count;}분석: 이것은 우선순위의 문제입니다. JS는prototype으로 대상을 만들고 우선순위가 있습니다. 구조 방법이 존재하면 먼저 구조 방법을 사용하고 구조 방법이 없으면prototype 방법을 사용합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
