第3章まとめクイズ
クイズ1
次の 2 つのファイルがあります。app.js を type="module" で読み込むと何が起きますか。
JavaScript
// works.js
export const CATEGORIES = ["site", "card"];
function debugLabel(work) {
return work.category;
}
export function countWorks(works) {
return works.length;
}JavaScript
// app.js
import { CATEGORIES, debugLabel } from "./works.js";
console.log(CATEGORIES.length);クイズ2
次のコードを実行すると、console.log には何が出ますか。
JavaScript
// work-card.js
export default function createWorkCard(work) {
return work.title + " のカード";
}
export const CARD_CLASS = "work-card";JavaScript
// app.js
import buildCard, { CARD_CLASS } from "./work-card.js";
console.log(buildCard({ title: "学習ログ" }), CARD_CLASS);クイズ3
次のコードを実行すると、console.log には何が出ますか。
JavaScript
// works.js
export function publishedWorks(works) {
return works.filter((work) => work.published);
}
export default 5;JavaScript
// app.js
import * as works from "./works.js";
console.log(typeof works.publishedWorks, works.default);クイズ4
次の HTML を開くと、console.log には何が出ますか。
HTML
<script type="module">
const siteName = "ポートフォリオ";
</script>
<script>
console.log(typeof siteName);
</script>クイズ5
次のコードを実行すると、console.log には何が出ますか。
JavaScript
// works.js
function publishedWorks(works) {
return works.filter((work) => work.published);
}
function sortByViews(works) {
return [...works].sort((a, b) => b.views - a.views);
}
export { publishedWorks as pick, sortByViews };JavaScript
// app.js
import { pick, sortByViews } from "./works.js";
const list = pick([
{ title: "プロフィールサイト", published: true },
{ title: "作品ギャラリー", published: false }
]);
console.log(list.length);未回答の問題は、不正解として正解と解説のみ表示します
ログインが必要です
クイズに回答するにはログインしてください。