JavaScriptのconstructor_javascriptスキルの詳しい説明-jsチュートリアル-php.cn

JavaScriptのconstructor_javascriptスキルの詳しい説明

WBOY

リリース： 2016-05-16 15:23:11

オリジナル

1717 人が閲覧しました

コンストラクターはインスタンスオブジェクトを初期化し、オブジェクトのプロトタイプ属性はインスタンスオブジェクトを継承します。

コンストラクターのメモ:

1. デフォルト関数の最初の文字は大文字です

2. コンストラクターは何も返しません。 new 演算子は、指定された型を自動的に作成して返します。コンストラクターが呼び出されると、new は自動的に this オブジェクトを作成し、その型がコンストラクターの型になります。

3. コンストラクター内で明示的に return を呼び出すこともできます。戻り値がオブジェクトの場合は、新しく作成されたオブジェクトインスタンスの代わりにそれが返されます。戻り値がプリミティブ型の場合、それは無視され、新しく作成されたインスタンスが返されます。

 function Person( name){
        this.name =name;
      }
       var p1=new Person('John');

ログイン後にコピー

は以下と同等です:

   function person(name ){
        Object obj =new Object();
        obj.name =name;
         return obj;
      }
       var p1= person("John");

ログイン後にコピー

4. コンストラクターも関数であるため、直接呼び出すこともできますが、このとき、コンストラクター内の this オブジェクトはグローバルの this オブジェクトと同じになります。 this.name は実際にグローバル変数名を作成します。厳密モードでは、new 経由で Person コンストラクターを呼び出すとエラーが発生します。

5. コンストラクターで Object.defineProperty() メソッドを使用して初期化することもできます。

  function Person( name){
        Object.defineProperty(this, "name"{
          get :function(){
             return name;
          },
           set:function (newName){
            name =newName;
          },
          enumerable :true, //可枚举，默认为false
           configurable:true //可配置
         });
      }  
       var p1=new Person('John');

ログイン後にコピー

6. コンストラクターでプロトタイプオブジェクトを使用する

 //比直接在构造函数中写的效率要高的多
       Person.prototype.sayName= function(){
         console.log(this.name);
      };

ログイン後にコピー

しかし、メソッドが多数ある場合、ほとんどの人はより単純な方法を採用するでしょう。つまり、次のようにプロトタイプオブジェクトをオブジェクトリテラルに直接置き換えます。

 Person.prototype ={
        sayName :function(){
           console.log(this.name);
        },
        toString :function(){
           return "[Person "+ this.name+"]" ;
        }
      };

ログイン後にコピー

この方法は、person.prototype を複数回入力する必要がないため非常に人気がありますが、注意しなければならない副作用があります。

リテラル形式を使用してプロトタイプオブジェクトを書き直すと、コンストラクターのプロパティが変更されるため、パーソンではなくオブジェクトを指すようになります。これは、プロトタイプオブジェクトには他のオブジェクトインスタンスにはないコンストラクタープロパティがあるためです。関数が作成されると、そのプロトタイププロパティも作成され、プロトタイプオブジェクトのコンストラクタープロパティは関数を指します。プロトタイプオブジェクトがオブジェクトリテラル形式を使用して書き換えられると、そのコンストラクタープロパティが汎用オブジェクト Object に設定されます。これを回避するには、プロトタイプオブジェクトを書き換えるときに、次のようにコンストラクターを手動でリセットする必要があります。

再度テストします:

 Person.prototype ={
        constructor :Person,
        
        sayName :function(){
           console.log(this.name);
        },        
        toString :function(){
           return "[Person "+ this.name+"]" ;
        }
      };

ログイン後にコピー

p1.constructor===人

本当

p1.constructor===オブジェクト

偽

人の p1 インスタンス

本当