JavaScript - 생 성 대상

1767 단어 JavaScript
공장 모드
function createPerson(name, age, job) {
	var o = new Object();
	o.name = name;
	o.age = age;
	o.job = job;
	o.sayName = function() {
		alert(this.name);
	};
	return o;
}

var person1 = createPerson("nnn", 29, "sssss");
var person2 = createPerson("pp", 27, "ddd");

구조 함수
function Person(name, age, job) {
	this.name = name;
	this.age = age;
	this.job = job;
	this.sayName = function() {
		alert(this.name);
	};
}

var person1 = new Person("nnn", 29, "sssss");
var person2 = new Person("pp", 27, "ddd");

위 에 비해 생 성 대상 을 표시 하지 않 고 속성 과 방법 을 this 에 직접 대 입 했 습 니 다. return 문 구 는 없습니다.
다음 4 단계 거치 기:
  • 새 대상 만 들 기
  • 구조 함수 의 역할 영역 을 새로운 대상 에 게
  • 구조 함수 집행
  • 새 대상 으로 돌아 가기
  • 위의 두 대상 은 모두 하나의 constructor 속성 을 가지 고 있다.
    alert(person1.constructor == Person);

    대상 의 constructor 속성 은 처음에 대상 유형 을 표시 하 는 데 사 용 됩 니 다.인 스 턴 트 오 브 연산 자가 더 믿 을 만 합 니 다.구조 함수 의 문 제 는 서로 다른 실례 상의 동명 함수 가 같 지 않다 는 데 있다.
    원형 모드
    프로 토 타 입 대상 은 모든 함수 에 하나의 prototype 속성 이 있 고 하나의 지침 으로 하나의 대상 을 가리 키 는 것 입 니 다. 이 대상 의 용 도 는 이러한 유형의 모든 인 스 턴 스 를 공유 할 수 있 는 속성 과 방법 을 포함 하 는 것 입 니 다.
    function Person() {};
    
    Person.prototype.name = "Niii";
    Person.prototype.age = 29;
    Person.prototype.sayName = function() {
    	alert(this.name);
    };
    
    var person1 = new Person();
    person1.sayName();
    
    var person2 = new Person();
    person2.sayName();
    
    alert(person1.sayName( == person2.sayName()));

    모든 것 이 자동 으로 완 성 됩 니 다. 새 함 수 를 만 들 면 이 함수 에 prototype 속성 을 만 듭 니 다. 이 속성 이 가리 키 는 대상 을 원형 대상 이 라 고 합 니 다.
    프로 토 타 입 대상 은 하나의 속성 을 가지 고 있 습 니 다. constructor 속성 이 라 고 합 니 다. 이 속성 은 원 함 수 를 가리 키 는 지침 입 니 다.

    좋은 웹페이지 즐겨찾기