자바스크립트 프로토타입 기반 객체(생성, 호출)_js 객체지향

//JScript의 강력한 기능은 스크립트에서 사용할 사용자 정의 프로토타입 기반 개체를 생성하기 위한 생성자를 정의하는 기능.
//프로토타입 기반 객체의 인스턴스를 생성하려면 먼저 생성자를 정의해야 합니다.
//이 프로세스는 새 객체를 생성하고 초기화합니다(속성 생성 및 초기 값 할당).
//완료되면 생성자는 생성된 객체에 대한 참조를 반환합니다.
//생성자 내부에서는 this 문을 통해 생성된 객체를 참조합니다.
function people(name,age)//people 객체 정의
{
this.mName=name;//여기서 mName은 속성을 나타내며 외부에서 정의할 필요는 없습니다. object
this.Age=age;
this.category="Mammal";
this.toString=Exporting;//Method, 여기에는 toString()이 아닌 toString만 쓸 수 있습니다.
this.myMethod =function()//this.myMethod=method;와 동일합니다.
{
return "Hello";
}
function 내보내기()/ / 반환값이 있을 수 있으나, 함수명 앞에 string, int 등 반환값의 종류를 적을 필요는 없습니다.
{
return "내 이름은——" this .mName "그리고 내 나이는 ——" Age입니다.
}
/*function method()
{
return "Hello"; .prototype.getName=function()//생성시 함수 외부에 메소드 작성
//people.prototype.getName() 함수
를 작성할 수도 있습니다.//생성자 내부 메소드와 동일합니다: this. getName
{
return this .mName;
}
people.prototype.getAge=this.Age;//생성자 외부에 속성 쓰기,
//생성자 내부 메서드와 동일 : this.getAge
function people.prototype.getMoney()//people.prototype.getMoney=function()
과 동일//생성자 작성과 동일: this.getMoney
{
return " 1000";
}
function show()//사람 개체 호출
{
var me=new people("Andy Lau",22);//사람 개체 인스턴스화, 키워드 new
//var myName=me.getName();
//alert(myName);
me.sex="Male";//여기의 sex 속성은 me 인스턴스에만 사용할 수 있습니다. 즉, 고유 속성
//정의가 있는 경우 you =new people("Xiaoqiang",1)
//이 인스턴스에서는 sex 속성
을 호출할 수 없습니다.//원하는 경우 두 인스턴스 모두 참조되어야 하며, 그렇다면 sex 속성은 people.prototype.sex
//alert(me.sex)
//alert(me.category)//로 작성해야 합니다. Alert(me.toString());/ /또는 그냥 Alert(me)를 직접 작성하세요
//alert(me.myMethod())
//alert(me.getMoney())
Alert(me.myMethod() "n 이름: " me.getName() "nGender: " me.sex "nCategory: " me.category "n총 자산: " me.getMoney() "nSummary: " me.toString() );
}


위 아이디어에 따라 내장 JavaScript 개체에 다른 속성이나 메서드를 추가할 수 있습니다. 다음은
좋은 메서드와 나쁜 속성을 추가하는 것입니다. 내장 객체에는 없는 문자열 객체입니다. 메서드 및 속성

};
String.prototype.bad="내장 String 개체에 잘못된 속성을 성공적으로 추가한 것을 축하합니다.";//사용자 정의 속성
function test()//String 개체에 추가된 속성 및 메서드 호출
{
var str="good good Study";//문자열 인스턴스 정의 str
alert(str.good() "n" str.bad);//good 메서드 호출 및 bad 속성 사용자 정의 문자열 개체
}


마지막으로 html 버튼 버튼에 두 개를 추가하고, 테스트 개체 사람과 문자열 개체에 추가된 메서드 및 속성