Javascript:CSS記述風の引数 テストプログラム

・関数(function)に沢山の引数を渡すとわかりにくいので、CSS記述風の引数を考えてみました。

通常の起動引数の書き方

test("1920","1080","test.jpg","ハロー","(\") (\\) (;;) (::)");
これだとどれが何を設定しているのかわかりにくい

今回のCSS風記述の起動引数の書き方

test(" Width:1920; HEIGHT:1080; file:test.jpg; text:ハロー; kigou:(\") (\\) (;;) (::); ");

・「キー:値;」となっています。
・長くはなるが意味があるのでわかりやすい。
・記述の順番を無視できます。
・キーは半角小文字に統一しているので、Width WIDTHでも同じに扱います
・キーの前後のスペースやタブは無視するので、スペースを入れて見やすくできます。
・値には「"」「\」「:」「;」はそのまま使えませんが「\"」「\\」「::」「;;」とする事で使用可能
 (※Windows環境だと半角「\」が半角「¥」と表示されてるかも)
・日本語使用可能

ログ表示


あちあち情報局 に戻る