JavaScript 프로 토 타 입 기반 대상(생 성,호출)

3645 단어 원형 기반대상
JavaScript 의 대상 은 세 가지 가 있 습 니 다.예 를 들 어 Array,Boolean,Data,Math,Number,Object,RegExp,String 대상 등 내부 대상 시스템 은 우리 에 게 각자 의 속성 과 방법 을 제공 하여 호출 할 수 있 습 니 다.2.클래스 를 바탕 으로 하 는 대상 은 클래스 의 방식 으로 대상 의 인용 을 실현 합 니 다.이런 유형 은 우리 가 스스로 정의 해 야 합 니 다.3.원형 을 바탕 으로 하 는 대상 은 자 바스 크 립 트 가 원형 을 바탕 으로 하 는 대상 모델 을 어떻게 사용 하 는 지 에 대한 안내 서 를 제공 하고 특정한 정 보 를 가리 키 는 링크 를 제공 해 야 합 니 다.이런 정 보 는 원형 을 바탕 으로 하 는 대상 의 사용자 정의 구조 함수 와 계승 을 설명 합 니 다.우리 가 js 코드 를 쓸 때 내부 대상 은 인용 할 수 밖 에 없 지만 이런 대상 만 으로 는 부족 하기 때문에 우리 가 대상 을 정의 해 야 한다.이때 일반적으로 사용 하 는 대상 은 세 번 째 이다.즉,원형 을 바탕 으로 하 는 대상 이다.다음은 자신의 대상 을 어떻게 만 들 고 대상 을 정의 하 는 방법,속성,호출 대상 에 대해 상세 한 설명 을 한다
 
//JScript , , 。
// , 。
// ( )。
// , 。
// , this 。
function people(name,age)// people
{
this.mName=name;// mName , ,this people
this.Age=age;
this.category=" ";
this.toString=Exporting;// , toString, toString()
this.myMethod=function()// this.myMethod=method; method
{
return " ";
}
}
function Exporting()// , , string,int
{
return " ――"+this.mName+", ――"+this.Age;
}
/*function method()
{
return " ";
}*/
people.prototype.getName=function()// ,
// 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()// people
{
var me=new people(" ",22);// people , new
//var myName=me.getName();
//alert(myName);
me.sex=" ";// sex me ,
// var you =new people(" ",1);
//you 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()+"
:"+me.getName()+"
:"+me.sex+"
:"+me.category+"
:"+me.getMoney()+"
:"+me.toString());
}
위의 사고 에 따라 자 바스 크 립 트 내 장 된 대상 에 다른 속성 이나 방법 을 추가 할 수 있 습 니 다.다음은 String 대상 에 good 방법 과 bad 속성 을 추가 할 수 있 습 니 다.이것 은 내 장 된 대상 에 없 는 방법 과 속성 입 니 다
 
String.prototype.good=function()//
{
return " String good ";
}
String.prototype.bad=" String bad ";//
function test()// String
{
var str="good good study";// str
alert(str.good()+"
"+str.bad);// string good bad
}
마지막 으로 html 에 button 단 추 를 두 개 추가 합 니 다.테스트 대상 people 과 string 대상 이 추가 하 는 방법 과 속성
 
<html>
<title>JavaScript </title>
<body>
<div>
<input type="button" value=" " onclick="show()">
</div>
<div>
<input type="button" value=" " onclick="test()">
</div>
</body>
</html>
테스트 결과 통과...대상 의 생 성,대상 방법 속성 을 나타 내 는 호출,내부 대상 의 추가 방법 과 속성 호출 이 모두 정확 하 다.

좋은 웹페이지 즐겨찾기