世界を引き継ぐ方法、または次にJavaScriptを使用する方法（パート1）

おはようございます。 私は新しくて美しいものすべてを愛しているので、しばしばecma 6 aka Harmonyの開発を見ています。 はい、はい、あなたは間違っていませんでした、それはまだ開発中ですが、新しいjavascriptについてのものになりますが、あなたの喜びのために、いわばテストのために多くの機能をすでに開始することができます。



Firefoxの最新バージョンを使用して支援することもできますが、私は自分自身により異なる方法を見つけました。 次に、私たちとslimerjsを待っているjavascriptの新機能について説明します。



では、slimerjsとは正確には何ですか？ 彼と一緒に仕事をしたいのなら、おそらく彼についてもっと知る価値があるでしょう。 本質的にslimerjsはphantomjsに過ぎません。 これは、最新のFirefoxに相当するエンジンを備えた開発者向けのスクリプトブラウザーです。 これは、REPLとして使用するあらゆる機会があることを意味します。



しかし、理論を将来に任せて、slimerjsの使用方法を検討しましょう。 私はWindowsのファンなので、設定の難しさにしばしば遭遇しますが、私は落胆していません。 Windowsでのすべてのアクションを説明します。実際、別のOSをセットアップするのに特別な困難はありません。 それでは行きましょう。



まず、 slimerjsをダウンロードしてフォルダーに展開し、システム変数を規定します。 私の場合、C：/ Tools / slimerjsフォルダーでしたが、これをパス変数に追加します。 slimerjsではFirefoxを実行する必要があるため、Firefoxの変数も設定する必要があります。 私の場合、 SLIMERJSLAUNCHER変数を次のように設定します：C：\ Program Files（x86）\ Mozilla Firefox \ firefox.exe。 さて、ここで魔法の操作が終了します。 ecma 6の機能をテストするコードを書き始めましょう。



私が最初に注目したのは、機能の短い記録でした。 インターネットで使用のかなり詳細な説明を見つけたので、私はそれをチェックすることにしました。 そして見よ、驚いたことには限界がなかった。 いくつかの録音オプションがありますが、すべてを提供します。

1) var square = function(x) { return x * x; } 2) var square2 = function(x) x * x; 3) var square3 = x => { return x * x }; 4) var square4 = x => x * x; 5) var squareAndCube = x => [x * x, x * x * x];
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

4番目のオプションは、C＃、Scala、Typescriptを使用する多くの開発者になじみがあります。 これはラムダ演算子にすぎません。

5番目のオプションは、破壊的な操作でもあるという点で興味深いです。 これらすべてのレコードタイプを確認しましょう。 これを行うには、ファイルを作成し、ecma6-test-features.jsという名前にし、上記の関数をそのファイルに書き込む必要があります。 console.logを各関数に割り当て、slimerjs ecma6-test-features.jsコマンドを実行して結果を確認します。 もちろん、最初はウィンドウが開きますが、それが邪魔をしますが、多くの目的があります。これはslimerjsのドキュメントに記載されています。 不要なウィンドウの開口部を取り除くために、スクリプトファイルの最後に、このようなコードslimer.exit（）を追加する必要があります。 これで、コードを実行できるnodejsに似たコンソールができました。 スクリプトを実行すると、上記のすべての関数から結果が得られます。 このような機能の記録は私をとても幸せにしました。

ecma6で次に続くのは、リストの内包表記です。 多くの人に知られているリスト理解とは何ですか、そうでない人は、簡単に説明します。 これは、既存のリストに操作を適用してリストを作成するための構文構文です。 それでは、例を見て、それがどのようであるかを理解しましょう。

 var list = [1,2,3,4,5]; var newList = [x * x for(x of list) if(x % 2 === 0)];
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ここで何が起こっているのでしょうか？ 最初の式は、配列の各要素に適用される関数であり、それに相当するのはmapです。 2番目のレコードは、配列の要素を通過させるための反復子です。 ifを含む3番目の部分は、filterと同等です。 言われたことに加えて、短い書き込み機能の可能性を考慮して、このコードをより馴染みのある形式で記述します。

 var list = [1,2,3,4,5]; var newList = list.filter(x => x % 2 === 0).map(n => n * n);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このエントリは多くの人に馴染みがあります。 はい、あなたは間違っていませんでした。C＃、Typescript、および他の現代言語で書くことができます。 いいね？



これですべてです。それから、ecma6を使用して作業する可能性の残りの部分を伝えて（それからすべてのテストのソースをレイアウトして）見せたかったのです。



これは私の最初の記事です。 何を書くべきかについて多くのアイデアがありましたが、これから始めることにしました。

コメントを聞き、記事執筆者としての自分自身のさらなる向上を願っています。



すべてに敬意を表します。 またね