第5章まとめクイズ
クイズ1
次のコードを実行すると、最後の console.log は何を出力しますか。
JavaScript
class Work {
constructor(title, views) {
this.title = title;
this.views = views;
}
label() {
return `${this.title} ${this.views}`;
}
}
const a = new Work("プロフィールサイト", 120);
const b = new Work("学習ログ", 0);
console.log(a.label === b.label, a.views === b.views);クイズ2
次のコードの結果として正しいものはどれですか。
JavaScript
class Work {
#views = 0;
constructor(views) {
this.views = views;
}
get views() {
return this.#views;
}
set views(value) {
this.#views = value > 0 ? value : 0;
}
}
const work = new Work(-10);
work.views = 48;
console.log(work.views);クイズ3
次のコードを実行すると何が起きますか。
JavaScript
class Work {
constructor(title) {
this.title = title;
}
}
class FeaturedWork extends Work {
constructor(title, badge) {
this.badge = badge;
super(title);
}
}
console.log(new FeaturedWork("作品ギャラリー", "注目").title);クイズ4
次のコードの出力はどれですか。
JavaScript
class Work {
static created = 0;
constructor(title) {
this.title = title;
Work.created += 1;
}
format() {
return this.title;
}
}
class PopularWork extends Work {
format() {
return `${super.format()} 人気`;
}
}
const list = [new Work("学習ログ"), new PopularWork("プロフィールサイト")];
console.log(list.map((work) => work.format()).join(" / "), Work.created);クイズ5
次のコードの 2 つの console.log は何を出力しますか。
JavaScript
class WorkCollection {
#works = [];
add(title) {
this.#works.push(title);
return this;
}
titles() {
return this.#works;
}
}
const collection = new WorkCollection().add("プロフィールサイト").add("学習ログ");
const list = collection.titles();
list.push("偽の作品");
console.log(collection.titles().length);
console.log(typeof collection.add("自己紹介カード"));未回答の問題は、不正解として正解と解説のみ表示します
ログインが必要です
クイズに回答するにはログインしてください。