js 클래스에서 함수를 정의할 때 프로토타입을 사용하는 것과 프로토타입을 사용하지 않는 것의 차이점

저는 객체 에 대해 독선적인 메서드를 작성하기 위해 js를 사용해 왔습니다. 문제가 발생했을 때 다음과 같이 메서드를 정의했습니다.

코드는 다음과 같습니다.

function ListCommon2(first,second,third) 
{ 
this.First=function () 
{ 
alert("first do"+first); 
} 
} 
ListCommon2.do1=function(first) 
{ 
// this.First(); 
alert("first do"+first); 
} 
ListCommon2.prototype.do2=function(first) 
{ 
// this.First(); 
alert("first do"+first); 
}

두 메소드의 차이점은 무엇인가요? 프로토타입을 사용하거나 사용하지 않는 것은 무엇을 합니까?

테스트 코드:

var t1=
new
 ListCommon2("烧水1","泡茶1","喝1"); 
// t1.do1();//调用出错 
ListCommon2.do1("烧水1"); 
var t2=new ListCommon2("烧水2","泡茶2","喝2"); 
t2.do2("烧水2");// 
// ListCommon2.do2("烧水1");//调用出错

테스트 결과 프로토타입을 사용하지 않은 메소드는 클래스의 static 메소드와 동일한 것으로 확인되었으므로 ListCommon2.do1("Boiling water 1"); 이렇게 호출하면 오류가 발생합니다.

반대로 프로토타입을 사용하는 방법은 다음과 같습니다. new가 허용될 때까지 사용할 수 없는 클래스의 인스턴스 메소드와 동일합니다. ListCommon2.do2("Boil water 1"); 이는 오류를 발생시킵니다

결론적으로 프로토타입을 사용하여 정의된 메소드는 다음과 같습니다. new 이후에 사용해야 하는 클래스의 인스턴스 메소드. 함수는 함수에서 호출할 수 있습니다. 제한사항은

을 사용하는 클래스의 인스턴스 메소드에 대한 제한사항과 유사합니다. 프로토타입에 의해 정의되지 않은 메소드는 클래스의 정적 메소드와 동일하며 new 없이 직접 사용할 수 있으며, 함수에서 호출할 수 있는 함수에 대한 제한도 있습니다. 클래스의 정적 메소드에 대한 제한이 다소 있습니다.

과 유사합니다. 예를 들어 this.First();

을 호출할 수 없습니다.