表現力豊かなJavaScript：はじめに

Marijn HaverbekeのEloquent JavaScriptの翻訳。 クリエイティブライセンス

コモンズ帰属非営利ライセンス 。 コードはMITでライセンスされています。

内容

• はじめに
• 値、タイプ、および演算子
• プログラム構成
• 機能
• データ構造：オブジェクトと配列
• 高階関数
• オブジェクトの秘密の生活
• プロジェクト：電子生活
• 検索とエラー処理
• 正規表現
• モジュール
• プロジェクト：プログラミング言語
• JavaScriptとブラウザー
• ドキュメントオブジェクトモデル
• イベント処理
• プロジェクト：プラットフォームゲーム
• キャンバスに描く
• HTTP
• フォームとフォームフィールド
• プロジェクト：ペイント
• Node.js
• プロジェクト：経験共有ウェブサイト
• コードのサンドボックス

この本は、コンピューターに必要なことをさせる方法を説明しています。 現在、コンピューターはドライバーと同じくらい一般的ですが、複雑なものがはるかに多く含まれているため、理解が難しく、操作も難しくなっています。 多くの人にとって、彼らは異質のままで、物事をわずかに脅かしています。







コミュニケーションのギャップを減らすための2つの効果的な方法を見つけました-社会的つながりと長い推論の才能を持っている水っぽい生物と、コンピューター-無意味なデータを扱う無感覚なマニピュレーター。 1つは、物理世界の感覚に目を向け、それを模倣するインターフェイスを構築して、指を使用して画面上のフォームを操作できるようにすることです。 コンピューターとの単純な相互作用にとって、これは悪くありません。



しかし、インターフェイスの設計者が提供しなかった動きやマウスクリックの助けを借りて、コンピューターに転送する良い方法を見つけることができませんでした。 より複雑なレベルでコンピューターと対話するため、たとえば、実行する任意のタスクを要求するために、コミュニケーションの才能がより適しています。コンピューター言語を教えます。



人間の言語を使用すると、非常に多くの方法で単語を組み合わせることができるため、非常に多くの異なることを言うことができます。 コンピュータ言語はほぼ同じ方法で配置されますが、文法的には柔軟性がありません。



過去20年にわたって、コンピューターでの作業は非常に一般的になり、言語上に構築された（かつてコンピューターと通信する唯一の方法であった）インターフェースは、グラフィカルなインターフェースにほぼ置き換えられました。 しかし、彼らはまだそこにいます-あなたがそれらを探す場所を知っていれば。 これらの言語の1つであるJavaScriptは、ほぼすべてのWebブラウザーに組み込まれているため、ほぼすべてのコンピューティングデバイスで使用できます。



この本の目的は、コンピュータに必要なことをさせることができるように、この言語を十分に紹介することです。

プログラミングについて

学びたくない人を教育したり、自分で答えを探したくない人を奨励したりはしません。 正方形の1つのコーナーを表示し、他の3つのコーナーが表示されない場合、繰り返し説明する必要はありません。



孔子



JavaScriptの説明に加えて、プログラミングの基本原則についても説明します。 結局のところ、プログラミングは難しいです。 通常、基本原則はシンプルで簡単です。 しかし、これらの原則に基づいて構築されたプログラムは非常に複雑になるため、独自のルールと難易度が導入されます。 あなた自身の迷路を構築し、その中に迷子になることができます。



おそらく読書はあなたを失望させるでしょう。 プログラミングが初めての場合は、多くのことを消化する必要があります。 多くの素材が組み合わされて、パーツ間の新しい関係を確立する必要があります。



あなた自身がこれらの努力の必要性を正当化しなければなりません。 本を読み通すのが難しい場合は、自分自身についてひどく考える必要はありません。 あなたはすべて大丈夫です-あなたはただ動き続ける必要があります。 休憩を取り、戻って-常にサンプルプログラムを読んで理解してください。 トレーニングは難しい仕事ですが、何かを学んだら、すでにあなたのものであり、さらなるステップを促進します。



プログラマーは、自分だけが責任を持つユニバースを作成します。 コンピュータープログラムでは、実質的に無限の複雑さの宇宙を作成できます。



ジョセフ・ワイゼンバウム、「コンピューターの力と人々の心」



プログラムは複雑な概念です。 これはプログラマーによって入力されたテキストです。コンピューターに何かを強制する誘導力であり、コンピューターのメモリ内のデータであり、同時に同じメモリで作業を制御します。 プログラムと私たちが知っているオブジェクトとを比較しようとする類推は、通常、タスク次第ではありません。 多かれ少なかれ適しているのは、機械との類推です。 多くの別個の部品が1つの全体を構成し、それを機能させるために、これらの部品が相互作用する方法と、機械全体の動作にもたらすものを想像する必要があります。



コンピューターは、これらの無形のマシンを含むように設計されたマシンです。 コンピューター自体は単純なアクションのみを実行できます。 彼らの利点は、非常に迅速に行えることです。 プログラムはこれらのアクションを非常に巧妙な方法で組み合わせて、結果として非常に複雑なアクションを実行できます。



一部の人にとって、プログラミングは楽しいゲームです。 プログラムはメンタルコンストラクトです。 それを構築するのに費用はかからず、重量もかからず、指の下で簡単に成長します。



注意しないと、サイズと複雑さが手に負えなくなり、それを書いている人でさえ混乱します。 これがプログラミングの主な問題です。プログラムの制御を維持します。 プログラムが機能するとき、それは素晴らしいです。 プログラミングの技術は、複雑さを制御する能力です。 大規模なプログラムは制御下にあり、複雑さの点で単純に完了します。



多くのプログラマーは、この複雑さはプログラムでよく知られている少数のテクニックを使用して最適に管理されると考えています。 彼らは、プログラムが持つべき形式についての厳格なルール（「ベストプラクティス」）を説明しました。 そして、それらの中で最も熱心な人は、これらの慣行から逸脱する人を悪いプログラマと見なします。



豊富なプログラミングに対するどんな敵意-あらゆる種類の奇妙で美しいプログラムをタブーにするために、それを率直で予測可能なものに軽視しようとします！ プログラミング技術のランドスケープは巨大で、その多様性に魅了されており、まだあまり研究されていません。 これは、経験の浅いプログラマーを誘惑し混乱させる危険な旅ですが、それは単にこの道を注意深くたどり、頭で考えなければならないことを意味します。 学ぶにつれて、あなたは常に新しい挑戦と新しい未知の領域に出会うでしょう。 新しいことを学ばないプログラマーは停滞し、喜びを忘れ、仕事は退屈になります。

言語が重要な理由

初めは、コンピューターの分野の誕生時に、プログラミング言語はありませんでした。 プログラムは次のようになりました。

00110001 00000000 00000000 00110001 00000001 00000001 00110011 00000001 00000010 01010001 00001011 00000010 00100010 00000010 00001000 01000011 00000001 00000000 01000001 00000001 00000001 00010000 00000010 00000000 01100010 00000000 00000000
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

これは、1から10までの数字を追加し、結果を表示するプログラムです（1 + 2 + ... + 10 = 55）。 非常に単純な仮想マシンで実行できます。 最初のコンピューターをプログラムするには、スイッチの大きな配列を目的の位置に設置するか、パンチカードに穴を開けてコンピューターに送り込む必要がありました。 退屈でエラーが発生しやすい手順であることが想像できます。 単純なプログラムでさえも、多くの知性と規律が必要でした。 複雑なプログラムはほとんど考えられませんでした。



もちろん、これらの神秘的なビットパターン（ゼロと1）を手動で入力すると、プログラマはウィザードのように感じることができました。 そして、仕事の満足という意味で何か価値がありました。



指定されたプログラムの各行には、1つの命令が含まれます。 通常の言語では、次のように説明できます。

1. メモリ0に0を書き込む
2. メモリ1に1を書き込む
3. セル1の値をセル2に書き込む
4. セル2の値から11を引く
5. セル2の値が0の場合、手順9から続行します。
6. セル0にセル値1を追加します
7. セル1に1を追加
8. ポイント3に進みます。
9. セル値0を出力

このオプションは、たくさんのビットよりも読みやすいですが、それでもまだあまり便利ではありません。 命令番号とメモリ位置の代わりに名前を使用すると、理解が向上します。

   'total'  0  'count'  1 [loop]  'compare'  'count'  11  'compare'  'compare'  ,   [end]  'count'  'total'  1  'count'   [loop] [end]  'total'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

今では、プログラムの仕組みを理解することはそれほど難しくありません。 対処できますか？ 最初の2行は、2つのメモリ領域に初期値を割り当てます。 totalは計算結果の計算に使用され、countは現在作業中の数を監視します。 「比較」を使用する行は、おそらく最も奇妙な行です。 プログラムは、カウント11がカウント停止と等しくないかどうかを理解する必要があります。 架空のマシンは非常に原始的であるため、変数がゼロに等しいかどうかのチェックのみを実行し、別の行にジャンプするかどうかを決定できます。 したがって、「比較」と呼ばれるメモリ領域を使用してcount-11の値を計算し、その値に基づいて決定を下します。 次の2行は、結果カウンターにカウントを追加し、プログラムがまだ11に達していないと判断するたびにカウントを1ずつ増やします。



同じJavaScriptプログラムを次に示します。

 var total = 0, count = 1; while (count <= 10) { total += count; count += 1; } console.log(total); // → 55
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

さらにいくつかの改善。 主なもの-ライン間の遷移を手動で示す必要はありません。 while言語構造は、これを独自に行います。 彼女は、条件が満たされるまで（count <= 10）、つまりcountの値が10以下になるまで、中括弧で囲まれたブロックの計算を続けます。一時的な値を作成してゼロと比較する必要はなくなりました。 それは退屈でした、そしてプログラミング言語の力は退屈な詳細を取り除くのを助けることです。



プログラムの最後に、while操作が完了すると、出力のためにconsole.log操作が結果に適用されます。



そして最後に、便利な範囲および合計操作がある場合、プログラムは次のようになります。これにより、特定の間隔で一連の数値を作成し、設定量を計算します。

 console.log(sum(range(1, 10))); // → 55
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このf話の教訓は、同じプログラムを長いものと短いもの、読みやすいものと読みにくいものの両方で書くことができるということです。 プログラムの最初のバージョンは完全にあいまいで、最後の-ほぼ実際の言語-1から10までの数値の範囲の合計を書き留めました。次の章では、そのような方法を説明します。



優れたプログラミング言語は、プログラマが必要な操作を高レベルでコンピューターに通知するのに役立ちます。 退屈な詳細を省略でき、便利なビルディングブロック（whileおよびconsole.log）を提供し、独自のブロック（合計と範囲）を作成でき、ブロックの結合を簡単にします。

javascriptとは何ですか？

JavaScriptは、Netscape NavigatorブラウザのWebページにプログラムを追加する方法として1995年に導入されました。 それ以来、この言語はすべての主要なグラフィカルブラウザで定着しています。 彼は、ブラウザベースの電子メールクライアント、地図、ソーシャルネットワークなど、最新のWebアプリケーションを表示できるようにしました。 また、従来のサイトでも使用され、双方向性とあらゆる種類の付加機能を保証します。



JavaScriptはJavaと呼ばれる別の言語とはほとんど関係がないことに注意することが重要です。 マーケティング上の理由から、同様の名前が選択されました。 JavaScriptが登場したとき、Java言語は広く宣伝され、人気を博しました。 誰かがこのエンジンにしがみつくのがいいと決めた。 そして今、私たちはこのためにどこにも行きません。



言語がNetscapeを超えた後、そのサポートを主張するさまざまなプログラムが同じように機能するように、言語の作業を説明するドキュメントが作成されました。 これは、ECMA組織の名前でECMAScript標準と呼ばれます。 実際には、ECMAScriptとJavaScriptを同じものとして話すことができます。



多くの人がJavaScriptを批判し、それについて多くの悪いことを言っています。 そして、これの多くは真実です。 初めてJavaScriptでプログラムを記述しなければならなかったとき、私はすぐにうんざりしました-言語は私が書いたほとんどすべてを受け入れましたが、これを意図したとおりに解釈しませんでした。 これは主に、自分が何をしているのかわからなかったという事実によるものでしたが、問題がありました。JavaScriptはリベラルすぎるからです。 それは初心者向けのプログラミングの促進として考えられました。 現実には、システムが問題を報告しないため、プログラム内の問題を見つけるのが難しくなります。



柔軟性には利点があります。 より厳密な言語では不可能な、さまざまなテクニックの余地が残されています。 「モジュール」の章で見るように、言語の欠陥のいくつかを克服するために使用できる場合があります。 彼と本当に学び、一緒に仕事をした後、JavaScriptを愛するようになりました。



JavaScript言語のいくつかのバージョンがすでにリリースされています。 ECMAScript 3は、2000年から2010年までの言語の台頭中に広く普及した支配的なバージョンでした。その時点で、野心的な4番目のバージョンが準備され、言語のいくつかの根本的な改善と拡張が計画されていました。 しかし、政治的な理由により、生きている人気のある言語を変更することは非常に難しく、バージョン4の作業は2008年に中止されました。野心的な第5バージョンは2009年に登場しました。本。



JavaScriptはブラウザのみでサポートされていません。 MongoDBやCouchDBなどのデータベースは、スクリプト言語およびクエリ言語として使用します。 デスクトップとサーバー用のプラットフォームがいくつかありますが、最も有名なものはNode.jsであり、ブラウザー外でプログラミングするための強力な環境を提供します。

コードとそれをどうするか

コードは、プログラムを構成するテキストです。 本のほとんどの章にはコードがあります。 コードの読み取りと書き込みは、プログラミングの学習に不可欠な部分です。 例の目を通すだけではなく、注意深く読んで理解してください。 最初は遅くて理解できませんが、すぐにスキルを習得できます。 運動についても同じことが言えます。 作業バージョンを作成するまで、それらを理解することを意味しないでください。



フィードバックをすぐに受け取るために、実際の言語インタープリターでソリューションを試すことをお勧めします。さらに実験することを望んでいます。



Node.jsをインストールして、プログラムを実行できます。 これは、ブラウザコンソールでも実行できます。 第12章では、プログラムをHTMLページに埋め込む方法について説明します。 ブラウザでプログラムを簡単に実行できるjsbin.comなどのサイトもあります。 本サイトにはコード用のサンドボックスがあります 。



PS： Amazonで彼の本を購入することで、元の著者を支援できます 。 翻訳の著者-記事の下にある「著者をサポートする」という形で。