>  기사  >  웹 프론트엔드  >  JS 시뮬레이션 객체지향 완성 솔루션(1, 유형 및 전송)_javascript 기술

JS 시뮬레이션 객체지향 완성 솔루션(1, 유형 및 전송)_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:04:591277검색

하지만 수업 없이 어떻게 객체지향에 관해 이야기할 수 있을까요? 그것은 중요하지 않습니다. 시뮬레이션할 수 있습니다. 그리고 이 방법 세트는 객체지향 JS를 구현하는 방법으로 인정받고 있습니다.
또한 JS의 모든 기능은 완전히 개발되었으므로 비공개 또는 보호된 멤버 범위가 없습니다.
본론으로 들어가겠습니다.

1. 유형 //기본부터 시작하여 나중에 수고를 덜 수 있습니다

1. 유형의 차이점
기본 데이터 유형과 객체 유형은 동일하지 않습니다.
a. 기본 유형은 값일 뿐이며 동작이 없지만 객체 유형에는 자체 동작이 있습니다.
b. 기본 유형은 하나의 값만 나타내는 값 유형입니다. 객체 유형에는 복잡한 것들이 많이 있습니다.
c. 기본 유형을 전달할 때는 값을 전달하고, 객체 유형을 전달할 때는 주소를 전달합니다.
또한 텍스트는 매우 특별합니다. JS에는 기본 데이터 유형과 객체 유형이라는 두 가지 텍스트 유형이 있습니다. 예를 들면 다음과 같습니다.
var str="The End";//기본 데이터 유형이며 전송 방법은 값을 전달하는 것입니다.
var str2=new string("The End");//이것은 다른 점은 객체에 대한 메모리 공간을 여는 식별자인 new를 사용하면 해당 변수가 객체 유형이 되고
을 전달할 때 주소가 전달된다는 것입니다. 간단히 말하면: 리터럴로 직접 할당된 변수입니다. var a=1;var b="a";var c=true;와 같은 것은 모두 기본 데이터 유형입니다(일반적으로 사용되는 유형은 숫자, 텍스트, 부울입니다).
b. var와 같이 new로 할당된 변수 a=new Object();var b =new string();, 모두 객체 유형입니다(JS에는 많은 객체가 있으며 간소화된 객체 지향 언어입니다) 참고: 기본 데이터 유형도 새 것일 수 있지만 거의 없습니다. 그 용도. 따라서 위의 구분이 모든 상황에 완전히 적용되는 것은 아니므로 각자 판단하시기 바랍니다.

2. 매개변수 전달 방법 이 섹션에서는 주로 주소 전달과 값 전달을 구분합니다. 예를 들어 보겠습니다.

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

functionchangeVar( varible) {
varible=5;
경고(변수); // 팁 5
}
var a=3;alert(a) // 팁 3
changeVar (a );//함수 내부에 매개변수를 변경하는 코드가 있습니다. Alert(a);//여전히 프롬프트 3

위의 예에 따르면 함수가 변경됨에도 불구하고 매개변수가 나타내는 내용은 변경되지 않습니다. 과거 변수를 전달합니다. 이는 값에 의한 전달입니다. ChangeVar를 호출하면 JS는 전달한 변수를 매개변수로 다시 복사하므로, ChangeVar 내에서 작동되는 매개변수는 실제로 전달한 변수 자체가 아니라 전달한 변수의 복사본입니다. 전달되는 것은 실제로 변수 자체가 아니라 변수의 값입니다. 이를 값에 의한 전달이라고 합니다.

코드 복사 코드는 다음과 같습니다.
functionchangeVar(변수){
varible.x =5;
  경고(varible.x);//프롬프트 5
}
var a=new Object;
a.x=3 경고(a.x);//프롬프트 3
changeVar( a);//이 함수 내부에 매개변수를 변경하는 코드가 있습니다
alert(a.x);//Prompt 5

위 예제에서는 Object 개체를 사용하도록 변경되었습니다. ChangeVar 이후에는 원래 변수의 해당 속성도 변경되며 함수 내부는 연산에 의해 전달된 변수 자체인 것으로 나타났습니다. 이것이 주소로 전달하는 원리입니다. 자신이 준 변수의 메모리 주소를 전달하면 함수 내부에서 변경되는 것은 실제로 전달한 변수입니다. 모든 작업이 동일한 메모리 주소에 있기 때문입니다.

단, 이 '그러나'에 꼭 주목하세요! JS의 배송지 주소에는 아직도 뭔가 특별한 것이 있습니다! JS가 객체 유형을 전달하면 해당 유형의 객체도 복사할 수 있지만 복사 객체의 모든 속성과 기능은 원본 객체의 속성과 기능입니다. 아마도 속성은 주소로 전달되지만 객체는 그렇지 않기 때문일 수 있습니다. 이 특성은 입증될 수 있습니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.
functionchangeVar( varible){
varible=new Object();
varible.x=5;
Alert(varible.x); // 팁 5
}
var a=new Object; 🎜>a.x=3 Alert (a.x);//팁 3
changeVar(a);//이 함수 내부에 매개변수를 변경하는 코드가 있습니다
alert(a.x);//팁 3


변경할 때 매개변수가 나타내는 객체를 변경해도 전달한 변수가 나타내는 객체는 변경되지 않습니다. 하지만 앞서 언급한 것처럼 함수 내에서 매개변수 개체의 속성을 조작하면 원래 변수가 나타내는 개체의 속성이 변경될 수 있습니다. 이를 종합하면 JS가 객체 유형을 전달할 때 해당 유형의 객체도 복사하지만 복사 객체의 모든 속성과 기능은 원본 객체의 속성과 기능임을 증명할 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.