最新のフロントエンド インタビュー エクスペリエンス - setTimeout 周辺
この記事では、setTimeout を中心としたフロントエンドのインタビュー体験を主に共有します。これは、for ループ、timersetTimeout()、JavaScriptclosure パッケージを中心とした興味深いフロントエンド開発テストの質問です。 、匿名関数やPromiseなど、注意しないと間違いを犯す可能性がありますので、上記の知識を習得しているかどうかを確認してください。
はじめに
近年注目を集めているフロントエンドは、特に問題を起こす雰囲気が強いです。私の友人のXiaoweiは、最近狂ったように面接を行っており、多くの興味深い面接官や興味深い面接の質問に会いました。この少年を助けるためにここで言い換えさせてください。
詳細は以下のとおりです:
以下は私の友人の話であり、実際には私ではありません。
for (var i = 0; i < 5; i++) { console.log(i); }
「Xiaowei、これらのコード行が何を出力するのか教えてもらえますか?」
面接官がこれらのコード行を Sublime で入力したとき、私は少し混乱しました。ハマグリ?これが最も単純なループではないでしょうか?私が考えた罠はありますか?これは私が見た質問と非常によく似ています。質問者は書き終えていませんでしたか?有毒です。
「0から4をそのまま出力すればいいのに…」と私は力なく言いました。
「はい、緊張しないでください。この質問には罠はありません。何気なく書いているだけです。」
(すみません?面接官、冗談を言いに来たのですか?死ぬほど怖いです!)
「それでは、これらのコード行が何を出力するのか見てください。」
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); }
うーん、何だ、なぜ私が何度も覚えた終わりの質問ではないのですか? 考えさせてください。 setTimeout は実行を遅らせるので、console.log が実行されると、実際には 5 になります。 はい、それだけです。これほど単純なことを行うのがどうしてこんなに難しいのでしょうか。
「5 の出力を開始し、その後 1 秒ごとに 5 を出力し、合計 5 つの 5 を出力する必要があります。」
「はい、0 から 4 を出力できるようにするには、どう変更すればよいでしょうか?」私がよく知っていること はい、クロージャーを追加するだけで解決します。安定しています。
for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, i * 1000); })(i); }
「わかりました。これを削除するとどうなるか教えていただけますか?」
for (var i = 0; i < 5; i++) { (function() { setTimeout(function() { console.log(i); }, i * 1000); })(i); }
"この場合、実際には内部的に i への 参照
はありません。出力 5 になります。 「「わかりました。変更して、出力がどうなるか見てみましょう?」一体、何が起こっているのか、考えさせてください。ここでは、即時実行関数が setTimeout に渡されます。さて、setTimeout は関数または
文字列をパラメータとして受け入れることができます。それでは、ここでの即時実行関数とは何でしょうか?これは未定義である必要があります。これは次と同等です。すぐに出力されます。
「すぐに 0 から 4 が出力されるはずです。」
for (var i = 0; i < 5; i++) { setTimeout((function(i) { console.log(i); })(i), i * 1000); }
つまり、最初に 5 が出力され、次に 4 が出力されるはずです。
最後に、次のティックは 1 です。
「2 3 5 4 1」
「わかりました、次の面接を待ちましょう。」
とても簡単です!お母さんはもう私の面接について心配する必要はありません。
以上が最新のフロントエンド インタビュー エクスペリエンス - setTimeout 周辺の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ 今日のインターネットの急速な発展の時代において、フロントエンド開発はますます重要になっています。 Web サイトやアプリケーションのエクスペリエンスに対するユーザーの要求がますます高まっているため、フロントエンド開発者は、より効率的で柔軟なツールを使用して、応答性の高いインタラクティブなインターフェイスを作成する必要があります。フロントエンド開発の分野における 2 つの重要なテクノロジーである PHP と Vue.js は、組み合わせることで完璧なツールと見なされます。この記事では、PHP と Vue の組み合わせと、読者がこれら 2 つをよりよく理解し、適用できるようにするための詳細なコード例について説明します。

C# 開発者としての私たちの開発作業には、通常、フロントエンドとバックエンドの開発が含まれますが、テクノロジーが発展し、プロジェクトが複雑になるにつれて、フロントエンドとバックエンドの共同開発はますます重要かつ複雑になってきています。この記事では、C# 開発者が開発作業をより効率的に完了できるようにする、フロントエンドとバックエンドの共同開発テクニックをいくつか紹介します。インターフェイスの仕様を決定した後、フロントエンドとバックエンドの共同開発は API インターフェイスの相互作用から切り離せません。フロントエンドとバックエンドの共同開発をスムーズに進めるためには、適切なインターフェース仕様を定義することが最も重要です。インターフェイスの仕様にはインターフェイスの名前が含まれます

Django は、迅速な開発とクリーンなメソッドを重視した Python で書かれた Web アプリケーション フレームワークです。 Django は Web フレームワークですが、Django がフロントエンドなのかバックエンドなのかという質問に答えるには、フロントエンドとバックエンドの概念を深く理解する必要があります。フロントエンドはユーザーが直接対話するインターフェイスを指し、バックエンドはサーバー側プログラムを指し、HTTP プロトコルを通じてデータと対話します。フロントエンドとバックエンドが分離されている場合、フロントエンドとバックエンドのプログラムをそれぞれ独立して開発して、ビジネス ロジックとインタラクティブ効果、およびデータ交換を実装できます。

フロントエンド開発のインタビューでは、HTML/CSS の基本、JavaScript の基本、フレームワークとライブラリ、プロジェクトの経験、アルゴリズムとデータ構造、パフォーマンスの最適化、クロスドメイン リクエスト、フロントエンド エンジニアリング、デザインパターン、新しいテクノロジーとトレンド。面接官の質問は、候補者の技術スキル、プロジェクトの経験、業界のトレンドの理解を評価するように設計されています。したがって、候補者はこれらの分野で自分の能力と専門知識を証明するために十分な準備をしておく必要があります。

インスタント メッセージングを実装する方法には、WebSocket、ロング ポーリング、サーバー送信イベント、WebRTC などが含まれます。詳細な紹介: 1. クライアントとサーバーの間に永続的な接続を確立してリアルタイムの双方向通信を実現できる WebSocket フロントエンドは WebSocket API を使用して WebSocket 接続を作成し、送受信によるインスタント メッセージングを実現できます。 2. Long Polling(リアルタイム通信を模擬する技術)など

Go 言語は、高速で効率的なプログラミング言語として、バックエンド開発の分野で広く普及しています。ただし、Go 言語をフロントエンド開発と結びつける人はほとんどいません。実際、フロントエンド開発に Go 言語を使用すると、効率が向上するだけでなく、開発者に新たな視野をもたらすことができます。この記事では、フロントエンド開発に Go 言語を使用する可能性を探り、読者がこの分野をよりよく理解できるように具体的なコード例を示します。従来のフロントエンド開発では、ユーザー インターフェイスの構築に JavaScript、HTML、CSS がよく使用されます。

Django: フロントエンド開発とバックエンド開発の両方を処理できる魔法のフレームワークです。 Django は、効率的でスケーラブルな Web アプリケーション フレームワークです。 MVCやMTVなど複数のWeb開発モデルをサポートし、高品質なWebアプリケーションを簡単に開発できます。 Django はバックエンド開発をサポートするだけでなく、フロントエンド インターフェイスを迅速に構築し、テンプレート言語を通じて柔軟なビュー表示を実現します。 Django はフロントエンド開発とバックエンド開発をシームレスに統合するため、開発者は学習に特化する必要がありません。

インターネットが急速に発展している現在、PHP はサーバーサイドのスクリプト言語として、ますます多くの開発者に採用されています。 PHP には、学習が容易、柔軟性、オープンソース、無料であるという利点があり、さまざまな Web サイトや Web アプリケーションを迅速に開発できます。ただし、PHP 開発者として、熾烈な競争の中で抜きん出て、効率的で安定したコードを作成するには、さまざまな機能の実装スキルと経験を習得する必要もあります。まず第一に、プロジェクト アーキテクチャの合理的な計画が PHP アプリケーション開発の鍵となります。適切なプロジェクト構造により、コードの保守性が向上します。
