差分

このページの2つのバージョン間の差分を表示します。

--- javascript:class [2011/07/14 02:53] – [__proto__] nullpon
+++ javascript:class [2025/09/09 16:23] (現在) – 削除 nullpon
@@ 行 1: / 行 1: @@
-====== クラス ======
-厳密にはJavaScriptにクラスはない。機能の異なるオブジェクトは存在するが、それらは持っているプロパティやメソッドが異なっているだけで、オブジェクトの性質には違いはない。
-===== コンストラクタ =====
-Construct関数を不可視プロパティとして持っているオブジェクトは、new 演算子によって新しいオブジェクト（インスタンス）を生成することができる。
-いくつかのグローバルオブジェクトと、ユーザが定義した関数オブジェクトがConstruct関数を持っている。
-全てのユーザ定義関数は、自分自身をConstruct関数として持っているので、ユーザ定義関数は全て自動的にコンストラクタとなる。
-==== 標準のオブジェクト型 ====
-  * Boolean
-  * Number
-  * String
-  * Array
-  * Object
-  * Function
-  * RegExp
-  * Date
-<code javascript>
-var s = new String("a");
-var d = new Date();
-</code>
-==== ユーザ定義のオブジェクト型 ====
-コンストラクタとして使う関数は、慣例として大文字で名前を定義する。
-<code javascript>
-// クラス定義１
-// コンストラクタ関数
-function Greet() {
-    // プロパティの定義
-    this.message =  "hello";
-    // メソッドの定義
-    this.say = function() {
-        return this.message;
-    };
-}
-// インスタンスの生成
-var greet = new Greet();
-// メソッドの呼び出し
-greet.say();
-</code>
-==== constructor プロパティ ====
-生成されたインスタンスは constructor というプロパティを持っており、自分のコンストラクタにアクセスできる。
-<code javascript>
-function Greet() {
-    // ...
-}
-var greet = new Greet();
-greet.constructor;   // => Greet
-</code>
-===== プロトタイプ =====
-コンストラクタは prototype というプロパティを持っている。
-<code javascript>
-function Greet() {
-   // ...
-}
-Greet.prototype;               // => Greet { }
-var greet = new Greet();
-greet.constructor.prototype;   // => Greet { }
-</code>
-new演算子で作成されたインスタンスは、自分のコンストラクタの prototype が持っているプロパティやメソッドに、あたかも自分のメソッドやプロパティであるかのようにアクセスできる。
-よって prototype にプロパティやメソッドを定義してインスタンスで利用することができる。ただし全てのインスタンスで共有されてしまうため、メソッドのみ prototype に定義するのが一般的である。
-<code javascript>
-// クラス定義２
-function Greet(message) {
-　　// プロパティ定義
-    this.message = message;
-}
-// メソッド定義
-Greet.prototype.say = function() {
-    return this.message
-}
-var greet = new Greet("hello");
-greet.say();   // => "hello"
-</code>
-prototypeを丸ごと上書きして置き換えることもできる。
-<code javascript>
-// クラス定義３
-function Greet(message) {
-　　// プロパティ定義
-    this.message = message;
-}
-Greet.prototype = {
-    say: function() {
-        return this.message
-    }
-};
-var greet = new Greet("world");
-greet.say();
-</code>
-==== __proto__ プロパティ ====
-new演算子で作成されたインスタンスは、内部的に <html>__proto__</html> というプロパティを持っている。これはコンストラクタ関数の prototype と全くオブジェクトを参照している。
-<code javascript>
-var greet = new Greet();
-greet.__proto__ === Greet.prototype;               // => true
-greet.__proto__ === greet.constructor.prototype;   // => true
-</code>
-これは隠しプロパティ扱いの場合もあるので、実際のプログラミングでは constructor.prototype を使うのがよい。
-===== プロトタイプチェーン =====
-インスタンスは、<html>__proto__</html>（以下プロトタイプと呼ぶ）が持っているメソッドやプロパティを、自分のメソッドやプロパティであるかのように呼び出すことができる。
-あるインスタンスに対してメソッドAを呼び出したとき、もし、インスタンスがメソッドAを持っておらず、プロトタイプがメソッドAを持っていれば、プロトタイプのメソッドAが呼び出される。もしプロトタイプもメソッドAを持っていなければ、プロトタイプのプロトタイプがメソッドAを持っているか探す。
-この仕組みをプロトタイプチェーンと呼ぶ。プロトタイプチェーンを使うと継承に似たことができる。
-<code javascript>
-function Greet() {
-    this.message = "hello";
-}
-Greet.prototype.say = function() {
-    return this.message
-}
-function NightGreet() {
-    this.message = "good night";
-}
-NightGreet.prototype = new Greet();  // Greetを継承
-function JpNightGreet() {
-    this.message = "おやすみなさい";
-}
-NightGreet.prototype = new NightGreet();  // NightGreetを継承
-// JpNightGreet型のインスタンス生成
-var jpNightGreet = new JpNightGreet();
-// Greet型の（プロトタイプのプロトタイプ）メソッドsayが呼び出される
-jpNightGreet.say();
-</code>
-プロトタイプチェーンを最後までさかのぼると、最終的にはObjectになる。よってObjectのメソッドは全てのインスタンスから呼び出すことができる。（といってもvalueOfとtoString、toSourceぐらいしか無い）