advanced web dev quizダウンロード-Advanced advanced web dev quizソースコードダウンロード

advanced web dev quiz

ウェブサイトデータ

1.0.0

ダウンロード

高度なWeb開発クイズ

このレポは、私のFrontEndmastersコースに関連しています。
概念をよりよく理解するための質問と追加のリソースが見つかります。

この高度なWeb Devクイズは、 Web Devが毎日対処する幅広い範囲をカバーしています。目標は、あなたが長年にわたって忘れていたかもしれない、または単にそれに頻繁にさらされないかもしれない特定の概念を（再）紹介することです。

楽しんでください、そしてうまくいけば、あなたは今日何か新しいことを学ぶでしょう！幸運を！？

ショ和このリポジトリには回答（！）は含まれておらず、質問のトピックに関する質問と有用なリソースのみが含まれています！回答を確認し、各質問の視覚化された説明を見るには、 FrontEndmastersコースをご覧ください！

概要

質問1： asyncおよびdefer実行順序
質問2：パイプラインと合成のレンダリング
質問3：ドメイン要求の解決
質問4：スタックとイベントループを呼び出します
質問5：リソースのヒント
Quesiton 6：オブジェクト参照と破壊
質問7： PerformanceNavigationTiming
質問8：キャッシュ指令
質問9：ゴミコレクション
質問10：アニメーションコスト
質問11：イベントの伝播
質問12：CSS特異性
質問13： WeakMap
質問14：Web Vitals
質問15：コンテンツセキュリティポリシー
質問16：リファラーポリシー
質問17：ジェネレーター
質問18：約束の方法
質問19：バックフォワードキャッシュ
質問20：XSS、MITM、CSRF、ClickJacking
質問21：フォント戦略
質問22：Cookie
質問23：CSS擬似セレクター
質問24： Strict-Transport-Security
質問25：レンダリングレイヤー
質問26：画像形式
質問27：COR
質問28：イベントループ
質問29：HTTP/1、HTTP/2、HTTP/3
質問30： thisキーワード

すべての質問

1.スクリプトを適切な実行順に配置します

A. <script defer src="defer1.js" /> （ 300msでロード）
B. <script defer src="defer2.js" /> （ 200msでロード）
C. <script async src="async1.js" /> （ 300msでロード）
D. <script async src="async2.js" /> （ 50msでロード）
E. <script async defer src="asyncdefer1.js" /> （ 60msでロード）

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://html.spec.whatwg.org/multipage/scripting.html#attr-script-async
https://javascript.info/script-async-defer
https://developer.mozilla.org/en-us/docs/web/html/element/script

2。どの声明が真実ですか？

A.レンダリングツリーには、DOMとCSSOMのすべての要素が組み合わされています
B.構成は、Z-Indexに基づいてレイヤーを分離するプロセスであり、次にZ-Indexに組み合わせて画面に表示される最終画像を形成します
C.レイアウトプロセスは、レンダリングツリーの視覚要素に色と画像を割り当てます
D.堆肥化プロセスは、コンポジタスレッドで行われます
E.ページに表示されない要素、たとえばdisplay: hidden 、DOMツリーの一部ではありません

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.chromium.org/developers/design-documents/graphics-and-skia/
https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome/
https://chromium.googleSource.com/chromium/src/+/master/docs/how_cc_works.md
https://docs.google.com/presentation/d/1bopxbgnrtu0ddsc144rcxayga_wf53k96imrh8mp34y
https://developer.chrome.com/blog/inside-browser-part4/
https://www.chromium.org/blink/

3.ギャップに記入します

 - Browser sends request to [A]
- [A] queries [B]
- [B] responds with [C] IP address
- [A] queries [C]
- [C] responds with [D] IP address
- [A] queries [D]
- [D] responds with website's [E]

再帰DNSリゾルバー
ルート名サーバー
IPアドレス
トップレベルドメイン名サーバー
自動型名サーバー

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://datatracker.ietf.org/doc/html/rfc1035
https://www.liquidweb.com/kb/how-to-demystify-the-dns-process/
https://www.cloudflare.com/learning/dns/what-is-dns/
https://www.cloudflare.com/learning/dns/what-is-recursive-dns/

4.何がログに登録されますか？

 setTimeout ( ( ) => console . log ( 1 ) ) ;
Promise . resolve ( ) . then ( ( ) => console . log ( 2 ) ) ;
Promise . resolve ( ) . then ( ( ) => setTimeout ( ( ) => console . log ( 3 ) ) ;
new Promise ( ( ) => console . log ( 4 ) ) ;
setTimeout ( ( ) => console . log ( 5 ) ) ;

A. 1 2 3 4 5
B. 1 5 2 4 3
C. 3 2 4 1 5
D. 4 2 1 5 3
E. 2 4 3 1 5

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://tc39.es/ecma262/#sec-promise-objects
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise
https://web.dev/promises/
https://javascript.info/promise-basics
https://javascript.info/microtask-queue

5。リソースのヒントを定義と一致させます

A. dns-prefetch
B. preconnect
C. prefetch
D. preload

現在のナビゲーションに必要な重要なリソースの取得に優先順位を付ける
バックグラウンドでドメイン名の解像度を実行します
DNS解像度とTCP/TLSハンドシェイクを積極的に実行します
バックグラウンドで非クリティカルなリソースを要求します

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://html.spec.whatwg.org/#linktypes
https://www.chromium.org/developers/design-documents/dns-prefetching/
https://www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/
https://web.dev/preconnect-and-dns-prefetch/
https://csswizardry.com/2019/01/bandwidth-or-latency-when to-optimise-which/
https://www.splunk.com/en_us/blog/learn/preconnect-resource-hints.html

6。出力は何ですか？

 const member = { 
  name : "Jane" , 
  address : { street : "101 Main St" }
} ;
const member2 = { ... member } ;
member . address . street = "102 Main St" ;
member . name = "Sarah" ;

console . log ( member2 ) ;

A. { name: "Jane", address: { street: "101 Main St" }}
B. { name: "Jane", address: { street: "102 Main St" }}
C. { name: "Sarah", address: { street: "101 Main St" }}
D. { name: "Sarah", address: { street: "102 Main St" }}

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/glossary/shallow_copy
https://developer.mozilla.org/en-us/docs/web/javascript/reference/operators/spread_syntax

7. `PerformanceNavigationTimings`適切な順序で配置します

A. loadEventStart
B. domComplete
C. domContentLoadedEventStart
D. fetchStart
E. connectEnd
F. domInteractive

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.w3.org/tr/navigation-timing-2/
https://developer.mozilla.org/en-us/docs/web/performance/navigation_and_resource_timings
https://web.dev/navigation-and-resource-timing/

8。キャッシュ指令を定義に合わせます

A. no-cache
B. must-revalidate
C. no-store
D. private
E. stale-while-revalidate

使用する前に、Origin Serverを使用して古い応答を検証します
Origin Serverでキャッシュされた応答を検証しながら、古いコンテンツを提供します
リクエストや応答の一部をキャッシュしません
まだ新鮮であっても、使用する前に起源サーバーを使用してキャッシュされた応答を検証します
共有キャッシュのキャッシュを防ぎます

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.rfc-editor.org/rfc/rfc9111
https://www.keycdn.com/blog/http-cache-headers
https://www.cloudflare.com/learning/cdn/glossary/what-is-cache-control/

9.このコードブロックについてどのようなステートメントが当てはまりますか？

 function addMember ( name ) {
  return { name , createdAt : Date . now ( ) }
}

let obj1 = addMember ( "John" ) ;
let obj2 = addMember ( "Sarah" ) ;

obj1 . friend = obj2 ;
obj2 . friend = obj1 ;

obj1 = null ;
obj2 = null ;

A. obj1とobj2ゴミを収集することができず、メモリリークにつながります
B. obj1とobj2 、それらをnullに設定した直後にゴミが収集されます
C. obj1とobj2 、ブラウザタブを閉じた後にのみガベージに収集されます
D. obj1とobj2 、次のゴミ収集サイクル中にゴミを収集することができます

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/web/javascript/memory_management
https://javascript.info/garbage-collection
https://github.com/thlorenz/v8-perf/blob/master/gc.md
https://medium.com/@mmoshikoo/garbage-collector-in-v8-engine-1c582399837

10。次のプロパティをアニメーション化するとき、正しくリストされているレンダリングコストがありますか？

A. width ：レイアウト、ペイント、コンポジット
B. opacity ：ペイント、コンポジット
C. background-image ：複合
D. left ：レイアウト、ペイント、コンポジット
E. transform ：ペイント、コンポジット

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome/
https://developer.chrome.com/blog/inside-browser-part3/
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
https://web.dev/avoid-large-complex-layouts-and-layout-thrashing/
https://developer.chrome.com/blog/hardware-Accelerated-animations/

11.ボタンをクリックすると何がログになりますか？

 < div class = "outer" >
  < div class = "inner" >
    < button > Click me! </ button >
  </ div >
</ div >

 outer . addEventListener ( "click" , ( ) => log ( "A" ) , true ) ;
outer . addEventListener ( "click" , ( ) => log ( "B" ) ) ;
inner . addEventListener ( "click" , ( ) => log ( "C" ) , true ) ;
inner . addEventListener ( "click" , ( e ) => {
   log ( "D" ) ;
   e . stopPropagation ( ) ;
   log ( "E" ) ;
} ) ;
button . addEventListener ( "click" , ( ) => log ( "F" ) ) ;
button . addEventListener ( "click" , ( ) => log ( "G" ) , true ) ;

A. A B C D E F G
B. A C G F D
C. B D E F G C A
D. A C G F
E. A C G F D E

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.w3.org/tr/dom-level-2-events/events.html#events-flow
https://javascript.info/bubbling-and-capturing
https://developer.mozilla.org/en-us/docs/web/api/eventtarget/addeventlistener

12。特異性を上昇させて、CSSセレクターを注文します

A. div h1.large-text::before
B. div h1:first-child
C. h1:not(.small-text)
D. .large-text:nth-child(1)
E. h1.large-text[id="title"]
F. h1.large-text#title

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.w3.org/tr/2018/rec-selectors-3-20181106/#speficity
https://developer.mozilla.org/en-us/docs/web/css/specificity
https://speficity.keegan.st/

13.どのような声明が真実ですか？

 const userTokenMap = new WeakMap ( ) ;

let user = { 
  name : "Jane Doe" , 
  age : 24 
} ;

userTokenMap . set ( user , "secret_token" ) ;

A. userTokenMap 、Iteratorプロトコルを実装します
B. userをnullに設定すると、 userTokenMap 0返します
C.ユーザーオブジェクトがnullに設定されている場合、そのuserTokenMapエントリはゴミ収集される可能性があります。
D. [...userTokenMap] userTokenMapエントリの配列を返します

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://read262.netlify.app/keyed-collections/weakmap-objects/
https://javascript.info/weakmap-weakset
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/weakmap

14. Web Vitalsを正しい説明に一致させます

A. TTFB
B. fid
C. TTI
D. TBT
E. CLS
F. INP

Webページがユーザーの最初の相互作用に応答するのにかかる時間。
メインスレッドがユーザー入力への応答をブロックする時間。
ユーザーが対話した後、Webページがビジュアルを更新するのにかかる平均時間。
サーバーがリクエストに応答してクライアントにデータの送信を開始するのにかかる時間
Webページが完全にロードされ、ユーザー入力に応答するのにかかる時間。
Webページのレイアウトの安定性、またはWebページが読み込まれたときに発生する予期しないレイアウトシフト。

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://web.dev/metrics/

15.次のCSPヘッダーでどのリソースが許可されますか？

 default - src "none" ; script - src "self" ; img - src "self" example . com ; style - src fonts . googleapis . com ; font - src fonts . gstatic . com ;

A. <script src="/js/app.js"></script>
B. fetch("https://api.website.com/data")
C. @font-face { url("fonts/my-font.woff") }
D. <img src="data:image/svg+xml;..." />
E. <style>body { font-family: 'Roboto' }</style>
F. <iframe src="https://embed.example.com"></iframe>
G. <link rel="stylesheet" href="https://fonts.googleapis.com..>
H. <video src="https://videos.example.com/..."></video>

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://content-security-policy.com/
https://developer.mozilla.org/en-us/docs/web/http/csp
https://web.dev/csp/

16.どの声明が真実ですか？

A. rel="noopener"は、元のページが新しく開かれたページのwindowオブジェクトにアクセスしないようにするために使用されます
B. rel="noreferrer"使用して、新しく開いたページが元のページのwindowオブジェクトにアクセスしないようにすることができます
C. rel="noopener"およびrel="noreferrer" httpsでのみ使用できます
D. rel="noopener"使用して、タブナブを防ぐことができます
E.デフォルトのReferrer-Policy no-referrer-when-downgrade

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.w3.org/tr/referrer-policy/
https://html.spec.whatwg.org/multipage/links.html#link-type-noopener
https://html.spec.whatwg.org/multipage/links.html#link-type-noreferrer
https://web.dev/referrer-best-practics/

17。 `"In log: My input!"`ログに入れられますか？

 function * generatorFunc ( ) {
  const result = yield "My input!" ;
  console . log ( "In log:" , result ) ;
  return "All done!"
} ;

const it = generatorFunc ( ) ;

A. it.next()
B. it.next("My input!") it.next()
C. it.next() it.next("My input!")
D. it.next() it.next()

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/web/javascript/guide/iterators_and_generators
https://javascript.info/generators
https://exploringjs.com/es6/ch_iteration.html
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/generator
https://blog.logrocket.com/javascript-iterators-and-generators-a-complete-guide/

18.約束の方法を正しい出力に接続します

 const promises = [
   new Promise ( res => setTimeout ( ( ) => res ( 1 ) , 200 ) ,
   new Promise ( res => setTimeout ( ( ) => res ( 2 ) , 100 ) ,
   new Promise ( ( _ , rej ) => setTimeout ( ( ) => rej ( 3 ) , 100 ) ,
   new Promise ( res => setTimeout ( ( ) => res ( 4 ) , 300 )
] ;

Promise [ ❓ ]
   . then ( res => console . log ( "Result: " , res ) )
   . catch ( err => console . log ( "Error: " , err )

A. all
B. any
C. race
D. allSettled

Result: 2
Error: 3
Result: [{}, {}, {}, {}]
Result: 2

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://javascript.info/promise-basics
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise

19.次の値のうち、常にページをBFCacheの適応性があるのはどれですか？

A. unload
B. pagehide
C. onbeforeunload
D. pageshow
E.上記のすべて
F.上記のいずれでもありません

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://web.dev/bfcache/
https://www.smashingmagazine.com/2022/05/performance-game-changer-back-forward-cache/
https://nitropack.io/blog/post/back-forward-cache

20。用語を定義に接続します

A. XSS
B. CSRF
C. UI是正
D. MITM

攻撃者が他の人が閲覧したWebページに悪意のあるスクリプトを注入することを可能にします
ユーザーを、偽装または隠された要素と対話するようにトリックします
認証されたセッションを活用することにより、ユーザーが不要なアクションを実行するようにトリックします
攻撃者は、知識なしに2つの関係者間のコミュニケーションを傍受して修正できるようにします

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://owasp.org/www-community/attacks/xss/
https://owasp.org/www-community/attacks/csrf
https://owasp.org/www-community/attacks/clickjacking
https://www.imperva.com/learn/application-security/man-in-the-middle-attack-mitm/
https://cheatsheetseries.owasp.org/cheatsheets/cross-site_request_forgery_prevention_cheat_sheet.html
https://cheatsheetseries.owasp.org/cheatsheets/cross_site_scripting_prevention_cheat_sheet.html

21.フォント戦略を定義に接続します

A. font-display: block
B. font-display: swap
C. font-display: fallback
D. font-display: optional
E. font-display: auto

カスタムフォントがダウンロードされるまで一時的に見えないフォントをレンダリングします
カスタムフォントがダウンロードされている間にフォールバックフォントを使用し、使用可能な場合はカスタムフォントに切り替えます
使用可能な場合にのみ使用します。それ以外の場合は、フォールバックフォントを使用します
ブラウザがフォントロードに最も適切な動作を決定できるようにします
カスタムフォントが使用可能な場合は、カスタムフォントが使用できない場合はフォールバックフォントを使用します

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/web/css/@font-face/font-display
https://css-tricks.com/almanac/properties/f/font-display/

22.次のCookieヘッダーについてどのようなステートメントが当てはまりますか？

 Set - Cookie : my - cookie = "value" ; Domain = "website.com" ; Secure ; HttpOnly ;

A.このCookieはwww.website.comからアクセスできますが、 blog.website.comからではありません。
B.このCookieは、 website.comドメインでクライアント側のみを設定できます
C.このクッキーはセッションクッキーのように扱われます
D.このクッキーは、別のウェブサイトからwww.website.comに移動するときに送信されます。

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://httpwg.org/http-extensions/draft-ietf-httpbis-rfc6265bis.html#name-voverview
https://resources.infosecinstitute.com/topic/securing-cookies-httponly-secure-flags/
https://developer.mozilla.org/en-us/docs/web/http/cookies
https://developer.mozilla.org/en-us/docs/web/http/headers/set-cookie

23.最初のリスト項目`<li>One</li>`のみをターゲットにするために使用できるCSS（pseudo）セレクターはどれですか？

 < div >
  < ul >
    < li > One </ li >
    < ul >
      < li > Two </ li >
      < li > Three </ li >
    </ ul >
  </ ul >
  < ul >
    < li > Four </ li >
  </ ul >
</ div >

A. ul:first-child > li
B. ul:first-child + li
C. ul:first-child > li:first-child
D. ul:first-of-type > li:first-of-type
E. ul:first-child + li:first-child

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/web/css/css_selectors
https://developer.mozilla.org/en-us/docs/web/css/pseudo-classes
https://www.w3.org/tr/selectors-4/#pseudo-classes

24.次のヘッダーについて何が真実ですか？

 Strict - Transport - Security : max - age = 31536000 ; includeSubdomains ;

A.ヘッダーは、ドメインとそのサブドメインで1年間HTTPSを実施します
B. max-ageが失効すると、ブラウザはデフォルトでhttpになります
C.ブラウザがヘッダーを読むたびにmax-ageが更新されます
D.サブドメインへの安全な要求が許可されています

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://cheatsheetseries.owasp.org/cheatsheets/http_strict_transport_security_cheat_sheet.html
https://developer.mozilla.org/en-us/docs/web/http/headers/strict-transport-security

25.次のプロパティのうち、要素を独自のRenderLayerに促進するものはどれですか？

A. z-index: 1
B. translate3d: (0, 0, 0)
C. will-change: transform
D. transform: rotate(45deg)
E. position: fixed
F. position: absolute

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome/
https://surma.dev/things/forcing-layers/
https://web.dev/speed-leayers/
https://www.chromium.org/developers/design-documents/graphics-and-skia/

26。画像形式を説明に合わせます

A. jpeg
B. PNG
C. webp
D.アヴィフ

HDRとWCGをサポートし、透明性をサポートする損失とロスレス圧縮の両方
損失と損失のない圧縮の両方が透明性をサポートし、プログレッシブレンダリングをサポートします
ロスレス圧縮、高品質、透明性、ファイルサイズが大きくなります
喪失した圧縮は、プログレッシブレンダリングをサポートします

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://developer.mozilla.org/en-us/docs/web/media/formats/image_types
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/

27.次のCORS Configについては何が真実ですか？

 Access - Control - Allow - Origin : https : / / www . website . com
Access - Control - Allow - Headers : Content - Type
Access - Control - Allow - Methods : *
Access - Control - Expose - Headers : X - Custom - Header
Access - Control - Max - Age : 600

A.プリフライトリクエストが必要です
B. https://www.website.comからのリクエストのみが許可されています
C. Cookieを使用したリクエストは許可されています
D.実際の応答は600ミリ秒間キャッシュされます
E. X-Custom-Header唯一の含まれている応答ヘッダーです
F. GET 、 POST 、 PATCH 、 PUTメソッドは許可されますが、 DELETEれません

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.w3.org/tr/2020/spsd-cors-20200602/
https://fetch.spec.whatwg.org/#http-cors-protocol
https://developer.mozilla.org/en-us/docs/web/http/cors

28。何がログに登録されますか？

 setTimeout ( ( ) => console . log ( 1 ) ) ;

( async ( ) => {
  console . log ( 2 ) ;
  await Promise . resolve ( ) ;
  console . log ( 3 ) ;
} ) ( )

Promise . resolve ( ) . then ( ( ) => Promise . resolve ( ) . then ( ( ) => console . log ( 4 ) ) )

A. 1 2 3 4
B. 2 4 3 1
C. 2 3 4 1
D. 2 3 1 4

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://tc39.es/ecma262/#sec-promise-objects
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise
https://web.dev/promises/
https://javascript.info/promise-basics
https://javascript.info/microtask-queue

29。どのような声明が正しいですか？

A. HTTP/2は、単一のTCP接続で複数のリクエストと応答を同時に許可します
B. HTTP/3は、HTTPSでのみ使用できます
C. HTTP/2は、HTTP/1.1との逆方向の互換性があります
D. HTTP/1.1は、複数のリクエストを同時に処理するために複数のTCP接続が必要です

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://www.section.io/engineering-education/http3-vs-http2/
https://www.cloudflare.com/learning/performance/http2-vs-http1.1/
https://www.cloudflare.com/learning/performance/what-is-http3/

30。何がログにされますか？

 const objA = { 
  type : "A" ,
  foo ( ) { 
    console . log ( this . type ) 
  }
}

const objB = { 
  type : "B" ,
  foo : objA . foo ,
  bar : ( ) => objA . foo ( ) ,
  baz ( ) { objA . foo ( ) }
}

objB . foo ( ) ;
objB . bar ( ) ;
objB . baz ( ) ;

A. A B B
B. B A A
C. A A A
D. undefined A A
E. B undefined B

リソース

答え：

答えと説明をご覧ください

さらに読む：

https://tc39.es/ecma262/#sec-function-environment-records-getthisbinding
https://developer.mozilla.org/en-us/docs/web/javascript/reference/operators/this
https://javascript.info/object-methods

拡大する

追加情報