知識の説明:
JavaScriptを学習するときは、次の7つの詳細に注意して、同じ機能を実装するときにコードを理解しやすく、より効率的にします。
1.コードを簡素化します
例:オブジェクトを作成します
以前はこんな感じでした:
var car = new object();
car.color =“ red”;
car.wheels = 4;
car.age = 8;
そして今、それは次のように書くことができます:
var car = {color: 'red'、wheels:4、age:8}
例:配列を作成します
以前はこんな感じでした:
VAR StudentArray = new Array( 'Zhangsan'、 'lisi'、 'zhaowu'、 'wuliu');
そして今、それは次のように書くことができます:
var dustentArray = {'zhangsan'、 'lisi'、 'zhaowu'、 'wuliu'};
例:三元演算子を使用してコードを簡素化します
以前の執筆方法は次のとおりです。
var result; if(x> 100){result = 1;} else {result = -1;}そして今、それは次のように書くことができます:
var result = x> 100? 1:-1;
2。JSONをデータ形式として使用します
JSON形式を使用してデータを保存します。
var band = {"name": "The Red Hot Chili Peppers"、 "Members":[{"name": "Anthony Kiedis"、 "least": "lead vocals"}、{"name": "michael 'flea' balzary"、 "leas": "bass guitar、bucking bocals" }、{"name": "John Frusciante"、 "role": "leadギター"}]、 "year": "2009"}JSを使用してデータを保存することもできます。コードは次のとおりです。
<div id = "datadiv"> </div> <script> function savedata(data){var out = "<ul>"; for(var i = 0; i <data.length; i ++){out+= "<li> <a href =" '+data [i] .url+' ">+data [i] .d+</a> </li>";}上記のJSによって生成されたストレージデータをAPIの返品値として使用することもできます
<Script src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">
</script>
3. JavaScriptネイティブ機能を使用してみてください
例:データのセットで最大値を取得します
var maxdata = math.max(0,20,50,10);
アラート(maxdata); //返される最大値は50です
たとえば、JSを使用して要素にクラススタイルを追加すると、コードスニペットは次のとおりです。
関数addclass(elm、newclass){var classes = elm.classname.split( ''); classes.push(newclass); elm.classname = classes.join( '');}4。イベント委託
例えば:
<h2>素晴らしいWebリソース</h2> <ul id = "resources"> <li> <a href = "http://opera.com/wsc"> Opera web StandardsCurriculum </li> <li> href = "http://alistapart.com"> aリストアパート</a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> <li> <li> href = "http://oddlyspecific.com">奇妙な具体</a> </li> </ul>
スクリプトを書くための最良の方法:
(function(){var resources = document.getElementbyId( 'resources'); resources.addeventlistener( 'click'、handler、false); function handler(e){var x = e.target; // link tha if(x.nodename.tolowercase()=== 'a'){alert( 'event deftion:' eave defed( };})();V.匿名関数
var myApplication = function(){var name = 'chris'; var age = '34'; var status = 'single'; function createmember(){// [...]} function getmemberdetails(){// [...]} return {create:create:create、get:getmemberdetails}}(); // myApplication.get()およびmyApplication.create()6.コードを構成できます
書いたコードが、他の人が使用または変更を容易にする必要がある場合は、構成可能である必要があります。解決策は、作成したスクリプトに構成オブジェクトを追加することです。重要なポイントは次のとおりです。
1.スクリプトに構成と呼ばれる新しいオブジェクトを追加します。
2。CSS ID、クラス名、言語など、他の人が構成オブジェクトに変更したいすべてのものを保存します。
3.このオブジェクトを公共の財産として返品して、他の人がそれを書き直すことができるようにします。
7。コード互換性
互換性は、初心者が無視する可能性が高いことです。通常、JavaScriptを学習するとき、それらは固定ブラウザーでテストされます。このブラウザはIEである可能性が高いです。これは非常に致命的です。これは、主要な主流のブラウザの中で、IEが標準を最悪のサポートを提供しているためです。エンドユーザーが表示される結果は、作成したコードがブラウザで正しく実行されないことです。メインストリームブラウザでコードをテストする必要がありますが、これは時間がかかりますが、それを行う必要があります。
JavaScriptを学習するための上記の7つの注意事項[必見]は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。