Files

camperbot 5c868af2b8 chore(i18n,learn): processed translations (#44851 )

2022-01-20 20:30:18 +01:00

3.5 KiB

Raw Blame History

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7db1367417b2b2512b87	継承した後にメソッドを追加する	1	301315	add-methods-after-inheritance

--description--

スーパータイプのコンストラクター関数から自身の prototype オブジェクトを継承するコンストラクター関数は、継承されるメソッドに加えて独自のメソッドを持つこともできます。

たとえば、Bird は、自身の prototype を Animal から継承するコンストラクターです。

function Animal() { }
Animal.prototype.eat = function() {
  console.log("nom nom nom");
};
function Bird() { }
Bird.prototype = Object.create(Animal.prototype);
Bird.prototype.constructor = Bird;

Animal から継承される内容に加えて、Bird オブジェクトに固有の動作を追加することができます。次の例では、Bird は fly() 関数を取得します。関数は、他のコンストラクター関数と同じ方法で Bird の prototype に追加されます。

Bird.prototype.fly = function() {
  console.log("I'm flying!");
};

これで、Bird のインスタンスで eat() と fly() の両方のメソッドを使用できます。

let duck = new Bird();
duck.eat();
duck.fly();

duck.eat() はコンソールに文字列 nom nom nom を表示し、duck.fly() は文字列 I'm flying! を表示します。

--instructions--

Dog オブジェクトが Animal から継承され、Dog の prototype コンストラクターが Dog に設定されるように、必要なコードをすべて追加してください。そして、bark() メソッドを Dog オブジェクトに追加して、beagle で eat() と bark() の両方を使用できるようにしてください。 bark() メソッドは Woof! をコンソールに出力する必要があります。

--hints--

Animal は bark() メソッドに応答しない必要があります。

assert(typeof Animal.prototype.bark == 'undefined');

Dog は Animal から eat() メソッドを継承する必要があります。

assert(typeof Dog.prototype.eat == 'function');

Dog プロトタイプは bark() メソッドを持つ必要があります。

assert('bark' in Dog.prototype);

beagle は instanceof Animal である必要があります。

assert(beagle instanceof Animal);

beagle のコンストラクターを Dog に設定する必要があります。

assert(beagle.constructor === Dog);

beagle.eat() は文字列 nom nom nom を出力する必要があります。

console.log = function (msg) {
  throw msg;
};
assert.throws(() => beagle.eat(), 'nom nom nom');

beagle.bark() は文字列 Woof! を出力する必要があります。

console.log = function (msg) {
  throw msg;
};
assert.throws(() => beagle.bark(), 'Woof!');

--seed--

--seed-contents--

function Animal() { }
Animal.prototype.eat = function() { console.log("nom nom nom"); };

function Dog() { }

// Only change code below this line




// Only change code above this line

let beagle = new Dog();

--solutions--

function Animal() { }
Animal.prototype.eat = function() { console.log("nom nom nom"); };

function Dog() { }
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
Dog.prototype.bark = function () {
  console.log('Woof!');
};
let beagle = new Dog();

beagle.eat();
beagle.bark();

3.5 KiB Raw Blame History