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

javascript_javascript スキルで引数を使用して string.format 関数を実装する

WBOY
リリース: 2016-05-16 18:20:57
オリジナル
869 人が閲覧しました

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


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート