객체 작성 방법

2862 단어
1. Object 모드
var o1 = {};// 
var o2 = new Object;

2. 공장 모델
function createCar(name,age){
    var oTemp = new Object();
    oTemp.name = name;// , 
    oTemp.age = age;
    oTemp.showName = function () {
        alert(this.name);
    };//  showName  
    return oTemp;
}
createCar("tom").showName();

중복 코드를 줄였지만 대상을 식별할 수 없고 모든 실례가 Object 형식입니다.
3. 구조기 모드
function Car(sColor,iDoors){  // 
    this.color = sColor;      // 
    this.doors = iDoors;
    this.showColor = function(){
        return this.color;
    };//  Car   showColor 
    this.showDoor = function () {
        return this.doors;
    }
}

모든 방법은 모든 실례에서 다시 한 번 실현해야 한다. 첫째, 자원을 소모하는 것이다. 둘째, 같은 임무를 완성하는 두 개 이상의 Function을 만드는 것은 필요없다. 셋째,this가 있기 때문에 코드가 실행되기 전에 함수를 특정 대상에 귀속시킬 필요가 없다.
4.prototype 모드
function Person(){}
Person.prototype.name="lxy";
Person.prototype.age=22;
Person.prototype.job="Software Engineer";
Person.prototype.sayName=function(){
    alert(this.name);
}  
 
var lxy=new Person();
lxy.sayName();

원형도 그 자체의 문제가 있다. 공유된 속성 값이 인용 유형이라면 하나의 실례가 이 속성에 대한 수정은 다른 실례에 영향을 줄 수 있다.
5. 구조기 방식과 원형 방식의 혼합 모델
// 
function Car(sColor,iDoors){
    this._color = sColor;// 
    this._doors = iDoors;
    this.drivers = new Array("Mike","John");// 
}
// , 
Car.prototype.showColor = function () {
    alert(this._color);
};

var car = new Car("red",4);

이런 구조 함수와 원형 혼합 모델은 현재 가장 광범위하고 정체성이 높은 사용자 정의 유형을 만드는 방법이다.인용 형식을 정의하는 기본 모드라고 할 수 있습니다.사실 원형은 구조 함수를 위한 서비스이기 때문에 그것에 맞추어 대상을 만든다. 원형을 통해 영원히 편안한 창설 대상만 만드는 것은 바람직하지 않다. 공유된 속성과 방법만 만들고 나머지는 구조 함수에 맡기기 때문이다.
6. 동적 프로토타입 모드
function Car(sColor,iDoors,iMpg){
    this.color = sColor;
    this.doors = iDoors;
    this.mpg = iMpg;
    this.drivers = new Array("Mike","John");

    // (_initialized) , 
    if(typeof Car._initialized == "undefined"){// , , 
        Car.prototype.showColor = function () {// Car  prototype  
            alert(this.color);
        };
        Car._initialized = true;// 
    }
}
var car = new Car("red",3,25);

동적 원형을 사용할 때 대상의 글씨체를 사용하여 원형을 다시 쓸 수 없습니다.이미 실례를 만든 상태에서 원형을 다시 쓰면 기존 실례와 새로운 원형 간의 관계를 끊는다.
7. 혼합 공장 모델
function Car(){
    var oTempCar = new Object;
    oTempCar.color = "blue";
    oTempCar.doors = 4;
    oTempCar.showColor = function () {
        alert(this.color);
    };
    return oTempCar;
}
var car = new Car();

Car6 () 구조 함수 내부에서 new 연산자를 호출했기 때문에 두 번째 new 연산자를 무시합니다. (구조 함수 이외에 있음)

첨부: new 조작부호는 구체적으로 무엇을 했습니까?

1、 ,  this  , 。
2、  this  。
3、  this  ,  this 。
// 
var obj  = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

좋은 웹페이지 즐겨찾기