JavaScriptの七大技巧(二)

3736 ワード

上の文章はJavaScriptの七大技巧(二)を紹介しました.JavaScriptコードを書くのはもう長いです.いつから始まったのか覚えていません.JavaScriptという言語のここ数年の成果に対して、私は非常に興奮しています.私は幸運にもこれらの成果の収益者です.私は多くの文章を書きました.章、専門的にその本を討論する本もあります.しかし、今でもこの言語に関する新しい知識を見つけられます.過去に思わず「あっ!」と感嘆させられたプログラミング技術を以下のように述べます.これらのテクニックは今すぐ試してみてください.未来を待つある時に偶然発見するのではありません.

var band = {
   "name":"The Red Hot Chili Peppers",
   "members":[
   {
   "name":"Anthony Kiedis",
   "role":"lead vocals"
   },
   {
   "name":"Michael 'Flea' Balzary",
   "role":"bass guitar, trumpet, backing vocals"
   },
   {
   "name":"Chad Smith",
   "role":"drums,percussion"
   },
   {
   "name":"John Frusciante",
   "role":"Lead Guitar"
   }
   ],
   "year":""
   }
JavaScriptで直接JSONを使ってもいいです.それを関数にパッケージしてもいいです.APIの戻り値としてもいいです.私たちはこれをJSON-Pと呼びます.多くのAPIはこのような形式を使います.データ供給源を呼び出して、scriptコードの中で直接JSON-Pデータに戻ります.
01 12
これはDeliciousウェブサイトから提供されるWeb service機能を呼び出して、JSONフォーマットの一番近い無秩序ブックマークリストを取得します.  
基本的には、JSONは複雑なデータ構造を簡単に記述する方法であり、ブラウザで動作することができる.  
PHPでもJson_を使うことができます.decode()関数がそれを実行します.  
JavaScriptのマイナー関数(Math,ArayおよびString)
驚いたことに、JavaScriptの中のmatchとString関数を研究したところ、私のプログラミング労働が大幅に簡略化されていることが分かりました.  
それらを使うと、複雑な循環処理や条件判断が省けます.  
例えば、私が一つの機能を実現したい時、数字配列の中で一番大きな数を見つけたい時、私は過去にこのサイクルをこのように書きました.

 var numbers =
  [,,,,];
   var max = ;
   for(var i=;i
   if(numbers[i]
  > max){
   max = numbers[i];
   }
   }
   alert(max);
私たちは循環しなくても実現できます.

 var numbers =

  [,,,,];
   numbers.sort(function(a,b){return b -
  a});
   alert(numbers[]);
注意する必要がありますが、この場合はアルファベット順に並べ替えるだけです.もっと使い方を知りたいなら、このいい文章を読んでください.  
もう一つ面白い関数があります.Math.maxです.  
この関数はパラメータの数字の中で一番大きい数字を返します.

Math.max(12,123,3,2,433,4); // returns 433 
この関数は、数値を確認し、最大の一つを返しますので、ブラウザの特性に対するサポート状況をテストします.

 var scrollTop=
  Math.max(
   doc.documentElement.scrollTop,
   doc.body.scrollTop
   );
これはIE問題を解決するためのものです.現在のページのscrollTop値を取得できますが、ページ上のDOCTYPEによっては上の二つの属性の中にはこの値が一つしか保存されていません.もう一つの属性はundefinedですので、Math.max()を使ってこの数を得ることができます.  
この文章を読むと、多くの数学関数を使ってJavaScriptの知識を簡略化することができます.  
また、非常に有用な動作文字列のペアの関数は、split()とjoin()である.代表的な例としては、ページ要素にCSSスタイルを付加するための機能を書くべきだと思います.  
そうです.ページ要素にCSSクラスを追加するか、それともこの要素の最初のCSSクラスか、あるいはもういくつかのクラスがあります.既存のクラスの後にスペースを入れて、このクラスを追加します.このクラスを削除するには、このクラスの前のスペースを削除する必要があります(これは過去に非常に重要です.古いブラウザがあるので、後ろにスペースが付いているクラスを知らないです). 
そこで、原始的な書き方はこうなります.

 function addclass(elm,newclass){
   var c =
  elm.className;
   elm.className = (c === '') ? newclass : c+' '+newclass;
   }        split()   join()           : function addclass(elm,newclass){
   var classes =
  elm.className.split(' ');
   classes.push(newclass);
   elm.className = classes.join(' ');
   }  
これはすべてのクラスがスペースで区切られていることを確認します.そして追加するクラスはちょうど最後に置くべきです.
短視的な行為です.ツールバッグはあなたの速い開発を手伝いますが、JavaScriptを深く理解しないと、あなたも間違ったことをします.
JSON形式でデータを格納する
私がJSONを発見する前に、データをJavaScript固有のデータタイプの中に様々な狂った方法で保存します.例えば、配列、文字列、中には簡単に分解できるシンボルと他の嫌なものが混じっています.
Duglas CrockfordがJSONを発明した後、すべてが変わりました.
JSONを使って、JavaScriptの独自の機能を使ってデータを複雑なフォーマットに保存できます.また他の追加の変換をする必要がなくて、直接にアクセスして使用できます.
JSONは「JavaScript Object Notation」の略語で、上記の2つの略語を使っています.
以上の内容は小编が皆さんに分かち合うjavascriptの七大技巧です.