JavaScript 講座

はじめに

前書き

このリソースは、翔泳社さんのご好意により CodeZine にて継続することになりました。以降はそちらを参照ください。

1. JavaScriptにおけるオブジェクトの基本的性質
2. JavaScriptの関数とメソッド
3. プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
4. 以下、順次公開

このリソースは、JavaScript における概念と言語構造の理解を助けるためのドキュメントです。

プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念についてはここでは解説しません。最低限オブジェクト指向プログラミングについて理解をしている人を対象としています。

対比するサンプルコードとして、Java によるコードを載せることがあります。Java のコードを読むことができれば、より理解の助けとなるでしょう。しかし読めないからといって特に問題となることは無いと思います。

対象読者

このリソースは主に以下のような人を対象としています。

• サーバサイド Java をやってて JSP なんかで JavaScript の知識が必要になった人
• JavaScriptをより深く使いこなしたい人
• オブジェクト指向プログラミングを別のアプローチから捉えなおしてみたい人
• JavaScript でクラスの作り方は知っているが、何故そう書くとクラスを作れるのかわからない人

言語バージョン

このリソースは、ECMASCript 3rd edition および JavaScript1.5 に基づいて作成されています。したがって、古い実装系においては、このリソースのとおりにスクリプトを記述しても動作しないことがあります。

用語について

JavaScriptにおいて重要と思われる用語については、最初に出てくる時に解説を設けます。しかし、同じ概念を言語によって違う言葉で定義しているものについては、この場で記述しておきます。

Java言語におけるフィールドという概念は、JavaScriptではプロパティと呼ばれます。

総目次

Introduction

1. JavaScriptにおけるオブジェクトの基本的性質を知る
   「JavaScriptにおけるオブジェクトの基本的性質」がこの記事の最新版になります。
   1. 「動的にメンバを定義する」ということ
   2. メンバのアクセスには二通りの方法がある
   3. for in ループ
   4. プロパティの属性
2. JavaScript関数の基本を知る
   「JavaScriptの関数とメソッド」がこの記事の最新版になります。
   1. 関数もオブジェクトである
   2. メソッドもプロパティである
   3. 無名関数の定義
   4. 引数の秘密
   5. メソッドのオーバーロード
3. JavaScriptはオブジェクト指向言語だと言うことを知る
   「プロトタイプ（prototype）によるJavaScriptのオブジェクト指向」がこの記事の最新版になります。
   1. クラスベースとプロトタイプベース
   2. コンストラクタという機構
   3. prototypeオブジェクト
4. JavaScriptの継承を知る
   「プロトタイプ（prototype）によるJavaScriptのオブジェクト指向」がこの記事の最新版になります。
   1. 「オブジェクト間の継承」ということ
   2. 暗黙の参照
   3. プロトタイプチェーン
5. JavaScriptにおけるオブジェクトの深淵を知る (Under Construction)
   1. 実行コンテキスト (Under Construction)
   2. Globalオブジェクト (Under Construction)
   3. Activationオブジェクト (Under Construction)
   4. Variableオブジェクト (Under Construction)
   5. with 構文 (Under Construction)
   6. スコープチェーン (Under Construction)
   7. var ステートメント (Under Construction)
6. JavaScript関数の深淵を知る (Under Construction)
   1. thisの謎 (Under Construction)
   2. 関数の実行には３つの方法がある (Under Construction)
   3. 関数定義の宣言方法の違い (Under Construction)
   4. コンストラクタとサブルーチンの機能を併用する (Under Construction)
7. JavaScriptでのクラスという概念を知る (Under Construction)
   1. クラス、そしてインスタンス (Under Construction)
   2. インスタンスメソッド (Under Construction)
   3. クラスメンバ (Under Construction)
   4. クラスの継承 (Under Construction)
8. JavaScriptでのDOMインターフェイスを知る (Under Construction)
   1. HTMLとDOM (Under Construction)
   2. インターフェイス (Under Construction)
      • Document (Under Construction)
      • Node (Under Construction)
      • NodeList、NodeMap (Under Construction)
      • HTMLElement (Under Construction)
      • TextNode (Under Construction)
   3. 「動的にHTMLを操作する」ということ (Under Construction)

(C)Copyright MIKAGAMI Seiya <seiya-m@jcom.home.ne.jp> 2002-2003. All rights reserved.