5) Javascript 디자인 모드:extends 모드
간단한 방식
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
this.name = 'child';
}
Child.prototype = new Person();
var child = new Child();
단점: 사실child는person의name 속성이 필요하지 않습니다
차용 구조 함수
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
Person.call(this, arguments)
}
var child = new Child();
단점: 상위 객체의 속성만 하위 클래스 자체의 속성으로 복사합니다. 복사만 가능**
이점: 상위 객체 자체의 실제 복사본을 얻을 수 있으며, 하위 클래스와 상위 클래스는 상관이 없으며 상위 클래스에 영향을 주지 않습니다**
구조 함수를 빌려 쓰는 것은 다계승을 실현하는 것이다 function CatWings() {
Cat.call(this, arguments)
Brid.call(this, arguments)
}
구조 함수를 빌려 원형을 실현하다
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
Person.call(this, arguments)
// this.name = 'child'
}
Child.prototype = new Person()
var child = new Child();
delete child.name;
// :child.name prototype
name 속성이 2번 계승되었습니다.
단점: Person에서 상속된 모든 클래스는 Person으로 변경할 수 있는 원형 방법입니다
임시 구조 함수 function inherit(Child, Parent) {
var F = function(){}
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
// F
var inherit = (function(){
var F = Function(){};
return function() {
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
})();
Klass
var Klass = function (Parent, props) {
if(props == undefined && typeof Parent == 'object') {
props = Parent;
Parent = null;
}
Parent = Parent || {};
props = props || {};
var Child = function() {
if(Child.superclass.hasOwnProperty('__construct')) {
Child.superclass['__construct'].apply(this, arguments);
}
if(Child.prototype.hasOwnProperty('__construct')) {
Child.prototype['__construct'].apply(this, arguments);
}
};
var F = function() {};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.superclass = Parent.prototype;
for(var i in props) {
if(props.hasOwnProperty(i)) {
Child.prototype[i] = props[i];
}
}
return Child;
}
function Animal() {}
Animal.prototype.__construct = function(name) {
this.name = name
};
Animal.prototype.getName = function() {
return this.name;
};
var Dog = Klass(Animal, {
__construct: function(name, age) {
this.age = age;
},
run: function() {
console.log('My name is %s, I\'m %s years old , I\'m Running', this.getName(), this.age);
}
});
var dog = new Dog('xixi', 26)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
this.name = 'child';
}
Child.prototype = new Person();
var child = new Child();
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
Person.call(this, arguments)
}
var child = new Child();
단점: 상위 객체의 속성만 하위 클래스 자체의 속성으로 복사합니다. 복사만 가능**
이점: 상위 객체 자체의 실제 복사본을 얻을 수 있으며, 하위 클래스와 상위 클래스는 상관이 없으며 상위 클래스에 영향을 주지 않습니다**
구조 함수를 빌려 쓰는 것은 다계승을 실현하는 것이다 function CatWings() {
Cat.call(this, arguments)
Brid.call(this, arguments)
}
구조 함수를 빌려 원형을 실현하다
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
Person.call(this, arguments)
// this.name = 'child'
}
Child.prototype = new Person()
var child = new Child();
delete child.name;
// :child.name prototype
name 속성이 2번 계승되었습니다.
단점: Person에서 상속된 모든 클래스는 Person으로 변경할 수 있는 원형 방법입니다
임시 구조 함수 function inherit(Child, Parent) {
var F = function(){}
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
// F
var inherit = (function(){
var F = Function(){};
return function() {
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
})();
Klass
var Klass = function (Parent, props) {
if(props == undefined && typeof Parent == 'object') {
props = Parent;
Parent = null;
}
Parent = Parent || {};
props = props || {};
var Child = function() {
if(Child.superclass.hasOwnProperty('__construct')) {
Child.superclass['__construct'].apply(this, arguments);
}
if(Child.prototype.hasOwnProperty('__construct')) {
Child.prototype['__construct'].apply(this, arguments);
}
};
var F = function() {};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.superclass = Parent.prototype;
for(var i in props) {
if(props.hasOwnProperty(i)) {
Child.prototype[i] = props[i];
}
}
return Child;
}
function Animal() {}
Animal.prototype.__construct = function(name) {
this.name = name
};
Animal.prototype.getName = function() {
return this.name;
};
var Dog = Klass(Animal, {
__construct: function(name, age) {
this.age = age;
},
run: function() {
console.log('My name is %s, I\'m %s years old , I\'m Running', this.getName(), this.age);
}
});
var dog = new Dog('xixi', 26)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function CatWings() {
Cat.call(this, arguments)
Brid.call(this, arguments)
}
function Person() {
this.name = 'person';
}
Person.prototype.say = function() {};
function Child() {
Person.call(this, arguments)
// this.name = 'child'
}
Child.prototype = new Person()
var child = new Child();
delete child.name;
// :child.name prototype
name 속성이 2번 계승되었습니다.
단점: Person에서 상속된 모든 클래스는 Person으로 변경할 수 있는 원형 방법입니다
임시 구조 함수 function inherit(Child, Parent) {
var F = function(){}
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
// F
var inherit = (function(){
var F = Function(){};
return function() {
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
})();
Klass
var Klass = function (Parent, props) {
if(props == undefined && typeof Parent == 'object') {
props = Parent;
Parent = null;
}
Parent = Parent || {};
props = props || {};
var Child = function() {
if(Child.superclass.hasOwnProperty('__construct')) {
Child.superclass['__construct'].apply(this, arguments);
}
if(Child.prototype.hasOwnProperty('__construct')) {
Child.prototype['__construct'].apply(this, arguments);
}
};
var F = function() {};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.superclass = Parent.prototype;
for(var i in props) {
if(props.hasOwnProperty(i)) {
Child.prototype[i] = props[i];
}
}
return Child;
}
function Animal() {}
Animal.prototype.__construct = function(name) {
this.name = name
};
Animal.prototype.getName = function() {
return this.name;
};
var Dog = Klass(Animal, {
__construct: function(name, age) {
this.age = age;
},
run: function() {
console.log('My name is %s, I\'m %s years old , I\'m Running', this.getName(), this.age);
}
});
var dog = new Dog('xixi', 26)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function inherit(Child, Parent) {
var F = function(){}
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
// F
var inherit = (function(){
var F = Function(){};
return function() {
F.prototype = Parent.prototype;
Child.prototype = new F();
// Child.prototype.constructor = Child
// Child.superclass = Parent.prototype;
}
})();
var Klass = function (Parent, props) {
if(props == undefined && typeof Parent == 'object') {
props = Parent;
Parent = null;
}
Parent = Parent || {};
props = props || {};
var Child = function() {
if(Child.superclass.hasOwnProperty('__construct')) {
Child.superclass['__construct'].apply(this, arguments);
}
if(Child.prototype.hasOwnProperty('__construct')) {
Child.prototype['__construct'].apply(this, arguments);
}
};
var F = function() {};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.superclass = Parent.prototype;
for(var i in props) {
if(props.hasOwnProperty(i)) {
Child.prototype[i] = props[i];
}
}
return Child;
}
function Animal() {}
Animal.prototype.__construct = function(name) {
this.name = name
};
Animal.prototype.getName = function() {
return this.name;
};
var Dog = Klass(Animal, {
__construct: function(name, age) {
this.age = age;
},
run: function() {
console.log('My name is %s, I\'m %s years old , I\'m Running', this.getName(), this.age);
}
});
var dog = new Dog('xixi', 26)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.