프로토타입 사용 가이드 base.js_prototype

base.js에는 다음 콘텐츠가 포함되어 있습니다. 클래스 생성 및 상속: Class.create(): person=Class.create()와 같은 클래스를 생성합니다. Object.extend(destination, source): 소스의 메소드 속성을 대상으로 복사합니다(소스의 속성에 사용). 자바스크립트의 기본 유형(Number, Boolean)을 제외하고는 모두 참조 유형이므로 이러한 유형의 복사는 유의해야 합니다. 일반적으로 참조를 복사하는 경우 대상 및 소스는 여전히 동일한 메서드 또는 개체 속성(함수 배열 개체)을 가리킵니다. 개체 지향 프로그래밍에서는 일반적으로 이 클래스가 클래스에서 상속되는 경우 새 클래스가 생성됩니다. Object.extend(class.prototype, parentClass.prototype) 또는 Object.extend(class.prototype, aparentClassInstance)
객체 생성자의 확장: 객체는 다른 객체 인스턴스의 생성자입니다(var a=new Object()) 및 모두 다른 클래스의 상위 클래스는 Object를 직접 확장합니다(Object.prototype을 확장하지 않으며 Object.prototype을 확장하는 것은 인스턴스 메서드를 추가하는 것과 동일합니다). 이는 정적 메서드 Object를 추가하는 것과 같습니다. .inspect(object)를 Object 클래스에 추가: 객체 검사(정의된 경우) 또는 toString 메소드를 호출하여 객체의 문자열 표현을 반환합니다. Object.keys(object): 객체의 모든 속성과 메소드 이름으로 구성된 배열을 반환합니다. Object.keys(document.body)와 같은 객체 Object.values(object): 반환 Object.values(document)와 같은 객체의 모든 속성과 메소드의 값으로 구성된 배열 Object.clone(object ): 객체의 복제 버전을 반환합니다. 실제로 Object.extent 메소드를 실행하여 객체의 메소드 속성을 새 객체에 복사한 다음 이 객체를 반환합니다.
함수 결합: 은 Function 개체의 두 가지 메서드인 바인딩 및 바인딩AsEventListener를 정의합니다. 이 두 가지 메서드는 하나의 함수에 대한 두 가지 메서드입니다. Java 및 C#의 경우 프로그래머의 관점에서는 함수가 단지 프로그램 명령문 구성 구조이기 때문에 이를 보고 놀랄 수도 있습니다. ---> 어떻게 메서드가 있고 확장할 수 있나요? 이는 Java에 비해 JavaScript와 같은 스크립팅 언어의 매우 강력한 기능이기도 합니다. 함수도 객체이며, 함수 이름은 원하는 대로 new Function()을 사용할 수도 있습니다. ...) 함수를 정의하기 위해 함수 정의 방법은 매우 일반적입니다. 이 두 함수의 주요 기능은 JavaScript를 사용하여 객체 지향 프로그래밍에서 this의 참조 문제를 해결하는 것입니다. > 항상 함수를 호출하는 개체를 가리킵니다. 또는 호출 및 적용 메서드를 사용하여 지정된 개체를 가리킵니다(이 분야에 대한 구체적인 지식은 Google에서 직접 검색할 수 있습니다. 프로토타입에 대한 다음 시리즈 소개도 독자가 익숙하다고 가정합니다. JavaScript 언어에 익숙하지 않다면 이 책을 찾아보세요. javascript 권위있는 가이드북 을 살펴보세요) 이 문제를 이해하려면 먼저 다음을 이해해야 합니다. 은 항상 이 문제를 지적합니다. 즉, this 키워드는 매우 특별하여 일반 변수 이름으로 취급할 수 없습니다. 가장 흔한 실수 중 하나는 return 함수와 같은 반환 함수 호출에 this를 사용하는 것입니다. (){this.aMethod()}. 다음에 반환된 익명 메서드를 호출하면 이 참조의 내용은 호출 메서드를 가리킵니다. 이는 변수 이름이 아니라 키워드입니다. , 클로저를 생성하지 않습니다. 는 Number의 확장입니다(num도 객체로 간주될 수 있습니다. 실제로 시스템은 이를 자동으로 Number 객체로 패키징합니다). toColorPart: 숫자를 다음으로 변환합니다. 색상을 나타내는 데 사용할 수 있는 16진수 값: 예: 7.toColorPart()=>"07", 28.toColorPart()=>"1C" succ: return num , 그러나 num 자체의 값은 변경되지 않습니다. 실제로는 this+1번을 반환합니다. 함수 a(n){document.write(n)}, 10.times(a)와 같이 0에서 이 숫자까지 차례로 함수를 호출하면 012345678910이 표시됩니다. 함수도 객체이고 다른 객체와 실제 차이는 없습니다. Try 객체: Try 객체는 매우 흥미로운 함수를 제공합니다. 먼저 다음 코드를 살펴보세요. var Ajax = { getTransport: function () { return Try.these( function() {return new XMLHttpRequest()}, function() {return new ActiveXObject('Msxml2.XMLHTTP')}, function() {return new ActiveXObject('Microsoft.XMLHTTP ')} ) || false; } } Try 객체는 함수 유형의 매개변수 목록을 수락한 다음 이러한 함수를 차례로 실행하는 메서드를 제공합니다.
PeriodicalExecuter(주기적 실행기) 객체 이 객체는 setInterval 메소드를 간단히 캡슐화한 것으로, 사용 방법은 다음과 같습니다. var a=new PeriodicalExecuter(callback, 빈도) // callback : 실행될 함수 이름 빈도 : 각 실행의 시간 간격 a.stop()