JavaScript 사용자 정의 유형_javascript 기술

var person = new Object();
person.name = "Sam";
person.age = 16;
person.speak = function(){
alert(this.name은 "입니다. age "years old") ;
}
person.speak();

function createPerson(name, age){
var person = new Object()
person.name = name; 🎜 >person.age = age;
person.speak = function(){
alert(this.name "is " this.age "세")
}
반환 사람
}
var person1 = createPerson("Sam", 16);
var person2 = createPerson("Jack", 18);

function 사람(이름, 나이){
this.name = 이름;
this.age = 나이
this.speak = function(){
alert(this.name "은"입니다. .age "세" );
}
}
var person1 = new Person("Sam", 16)
var person2 = new Person("Jack", 18); >

보시다시피 생성자 내에서 이를 사용하여 속성과 메서드를 추가합니다. Person 객체를 생성할 때, 이는 생성된 객체를 참조합니다. 이제 person1과 person2의 특정 유형의 개체를 식별할 수 있습니다. Alert(person1 instanceOf Person)를 사용한 후 출력 값이 true임을 확인할 수 있습니다. 그러나 생성자 패턴에는 자체적인 단점도 있습니다. 즉, 생성자 내에 선언된 메서드는 새 객체가 생성될 때마다 다시 생성됩니다(JavaScript에서는 함수도 객체입니다). 즉, 생성자 내의 메서드는 클래스가 아닌 객체에 바인딩됩니다. 아래 코드의 출력은 우리의 추론을 검증할 수 있습니다.

this.name = 이름;
this.age = age;
this.speak = speaking;
}
function talk(){
alert(this.name "is " this.age "세");
}
var person1 = new Person("샘", 16);
var person2 = new Person("Jack", 18)
alert(person1.speak == person2.speak) ; // 참


문제는 해결되었지만 이 방법은 새로운 문제를 야기합니다. 첫째, 함수 talk는 전역 범위에서 선언되지만 Person 생성자에서만 사용할 수 있습니다. 둘째, 사용자 정의 유형에 메서드가 많으면 오용될 위험이 있습니다. 많은 전역 함수를 선언하면 전역 범위가 오염될 뿐만 아니라 코드 캡슐화에도 도움이 되지 않습니다. 그렇다면 전역 범위를 오염시키지 않고 클래스에 바인딩된 사용자 정의 유형 메서드를 만들 수 있는 방법이 있습니까? 대답은 프로토타입 패턴을 사용하는 것입니다.
4. 프로토타입 모드. 새 함수를 선언한 후 해당 함수(JavaScript에서는 함수도 객체임)는 프로토타입 속성을 갖게 됩니다. 프로토타입은 이 함수에 의해 생성된 모든 개체가 소유한 공용 속성과 메서드를 나타내는 개체입니다. 샘플 코드는 다음과 같습니다.


Speak 메소드가 생성자에 선언되어 있지 않지만 우리가 생성한 person1 객체를 볼 수 있습니다. 여전히 talk 메소드를 호출할 수 있습니다. JavaScript에는 검색 규칙이 있으므로 먼저 인스턴스 속성과 메소드를 검색하고, 발견되지 않으면 프로토타입에서 검색합니다. 프로토타입 패턴은 클래스와 관련된 메소드를 만들고 전역 범위를 오염시키지 않지만 자체적인 단점도 있습니다. 첫째, 모든 속성도 클래스와 관련되어 있습니다. 이는 모든 객체가 속성을 공유한다는 것을 의미하며 이는 명백히 비합리적입니다. ; 둘째, 초기화 데이터를 생성자에 전달할 방법이 없습니다. 해결책은 간단합니다. 생성자 패턴과 프로토타입 패턴을 혼합하여 사용하면 됩니다.
5. 조합 모드. 샘플 코드는 다음과 같습니다.


조합 모드가 우리의 요구를 모두 충족시키는 것을 찾는 것은 어렵지 않으며, 현재에도 사용되고 있는 모드이기도 합니다. 널리 사용됩니다. 객체지향 프로그래밍 경험이 있는 개발자라면 프로토타입 선언을 생성자 외부에 넣는 것이 좀 어색하다고 느낄 수 있는데 생성자 안에 넣어도 될까요? 대답은 '예'입니다. 동적 조합 모드를 사용하세요.
6. 동적 조합 모드. 원칙은 먼저 프로토타입의 특정 속성이나 메서드가 선언되었는지 확인하는 것입니다. 그렇지 않으면 전체 프로토타입을 선언하고, 그렇지 않으면 아무것도 하지 않습니다. 샘플 코드는 다음과 같습니다.