ホームページ >ウェブフロントエンド >jsチュートリアル >関数のパラメーターとして JSON を使用する利点と欠点

関数のパラメーターとして JSON を使用する利点と欠点

高洛峰
高洛峰オリジナル
2016-12-08 14:54:031295ブラウズ

私は json をあまりよく理解していませんでしたが、最近いくつかの入門書を読んで、これが非常に簡単であることを知りました。以下に紹介します

1. 関数には、いつでもパラメータを追加/削除できます。従来のパラメータのように指定された順序でパラメータを記述する必要がなく、関数のパラメータを追加または削除するたびに関数の内容を変更する必要があります。 JSON をパラメーターとして使用する場合、パラメーターの順序を考慮する必要はありません。
以下のコードのデモを見てください:

<script type="text/javascript">
 <!--
 //普通方法
 function commonArg(name,age,desc){
  var userinfo="name: "+name+","+"age: "+age+"\ndescription: "+desc;
  alert(userinfo);
 }
 commonArg("yemoo",22,"a boy!")//每次调用都必须按照规定的参数顺序书写,如果写成commonArg(22,"yemoo","desc")则返回信息就不对,每次都必须记忆每个参数意义及顺序
  
 //JSON参数法
 function jsonArg(info){
  var userinfo="name: "+info.name+"\tage: "+info.age+"\ndescription: "+info.desc;
  alert(userinfo);
 }
 jsonArg({name:"blue",age:22,desc:"a gril?"});
 jsonArg({desc:"not a people!",name:"sss",age:0});
 //参数位置可以随意写
 //-->
 </script>

通常の関数の欠点は明らかです。パラメータの意味と順序を覚えておく必要があります。 JSON を使用する場合、これは必要ありません。

2. ユーザーが関数を呼び出すと、特に少数または 1 つのパラメーターのみを渡す必要がある場合に非常に便利です。
以下のコードのデモをご覧ください:

<script type="text/javascript">
 <!--
 //普通方法
 function commonArg(name,age,desc){
  var userinfo="name: "+(name||"empty")+"\tage: "+(age||0)+"\ndescription: "+desc||"empty";
  alert(userinfo);
 }
 //当只需要设定后面的参数时前面每个参数都需要设置为null
 commonArg("tempUser");
 commonArg(null,null,"a boy!");
 commonArg(null,20);
  
 //JSON参数法
 function jsonArg(info){
  var userinfo="name: "+(info.name||"empty")+"\tage: "+(info.age||0)+"\ndescription: "+(info.desc||"empty");
  alert(userinfo);
 }
 //每次只需要设置需要设定参数项
 jsonArg({name:"tempUser"});
 jsonArg({desc:"a boy!"});
 jsonArg({age:20});
 //-->
 </script>

JSON メソッドの利点は明白です。他のパラメーターを考慮せず、毎回必要なパラメーターのみを渡す必要があります。
JSON は本当に便利なもので、Ajax や JS の他の側面で使用する必要はありません。JSON を実際に調べて学習する必要があります。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。