객체 작성 방법
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);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.