検索
ホームページウェブフロントエンドjsチュートリアルjavascript_javascript スキルで引数を使用して string.format 関数を実装する

以下は、ソース コードの抜粋と、彼の設計と実装のアイデアの詳細な分析です。


function format(string) {
var args = argument;
var pattern = new RegExp("%([1-" argument.length "])" , "g");
return String (string).replace(pattern, function(match,index) {
return args[index];
}); 🎜>
format 関数を通じて、次のコード:


コードをコピー コードは次のとおりです: format("そして %1 はあなたが %2 であることを知りたいと思っています", "papers", "shirt", "wear");

は次のように返します: "そして新聞社はあなたが誰のシャツを着ているかを知りたがっているのです。」
案の定、これは C# でパラメータを渡して string.format 関数を呼び出すのと少し似ています。
一般的に言って、技術的な内容は実際にはないようです。しかし、本当に技術的な内容はないのでしょうか? Lou Zhu は、JavaScript と引数に関する表面的な知識と理解に基づいてこのプログラムを分析します。
1. 正規表現
は、1 から 1 までの引数の数に一致する % で始まる新しいものを非常に巧妙に作成します。パターン、この規則的なパターンは、以下のポイント 2 の文字列置換の重要な前提条件です。
2. 文字列
の置換関数。置換関数の 2 番目のパラメータは、非常に「驚くべきこと」です。定義上、変数 args は実際には引数であり、args[index] を通じてインデックス パラメーターを取得できます。また、index>=1 および Index
この関数は非常に短く簡潔で、強力な関数と大きなコントラストを形成しており、驚くべきことです。
Lou Zhu のように C# に甘やかされて、C# での string.format の記述方法に執着する開発者はたくさんいるかもしれません (そのほとんどは使用習慣によって引き起こされますね)。ソースコードを少し変更しました:



コードをコピー コードは次のとおりです: 関数形式( string) {
var args = argument;
var pattern = new RegExp("{([0-" argument.length "])}", "g");
return String(string). replace(pattern, function(match,index) {
var currentIndex = parseInt(index);
if (currentIndex 1 > args.length || currentIndex throw new Error("パラメータ インデックス エラー");
}
return args[currentIndex 1];
});
};
document.write(format("そして、{0} は誰のものかを知りたいのです{1} you {2}", "papers ", "shirt", "wear"));//中括弧、インデックスは 0 から始まります...


このようにすると、 format 関数は C# の書き方と同じように呼び出すことができます。
私がこの記事の執筆を最後にチェックしたのは 2008 年でした。2008 年、Lou Zhu はかなり啓発されていました。彼は JavaScript の学習に熱心に取り組んでいましたが、議論の理解はまだ非常に未熟でした。イベントを定義するときに createFunction 関数を定義するために使用され、createFunction 関数はイベントで使用するパラメーターのない関数を構築するために使用されますが、当時は「自分にしかわからない」といつも落ち込んでいました。その形はあっても、現実ではありません。」アンドリューの傑作を読んだ後、私は突然啓発されたように感じました。私の反応は遅く、後で気づきましたが、それでも非常にインスピレーションと満足感を感じました。


Andrew Tetlaw の原文をお読みください。実際、以下の誰かが、format 関数のパラメータが 9 を超えると関数が機能しなくなることを指摘し、解決策も示しています:

eric d. こんにちは、素晴らしい記事をありがとう。 注: new RegExp("%([1-" argument.length "])", "g"); は 9 つの引数を渡すと失敗します (正規表現は "%([ 1 -10])" なので、%0 と %1) のみに一致します。

簡単な修正は次のようなものになると思います:
function format(string) { var args = argument; var pattern = new RegExp("%([0-9] )", "g"); return String(string).replace(pattern, function(match,index) { if (index == 0 || Index >= args) . length) throw "無効なインデックスがフォーマット文字列です"; return args[index] });持っています)

投稿日: 2009 年 1 月 20 日、午前 12:01

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

javascriptの分解:それが何をするのか、なぜそれが重要なのかjavascriptの分解:それが何をするのか、なぜそれが重要なのかApr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

pythonまたはjavascriptの方がいいですか?pythonまたはjavascriptの方がいいですか?Apr 06, 2025 am 12:14 AM

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptをインストールするにはどうすればよいですか?JavaScriptをインストールするにはどうすればよいですか?Apr 05, 2025 am 12:16 AM

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

クォーツでタスクが開始される前に通知を送信する方法は?クォーツでタスクが開始される前に通知を送信する方法は?Apr 04, 2025 pm 09:24 PM

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター