JavaScript プロトタイプの詳細な紹介 property_javascript スキル

各関数はデフォルトでプロトタイプ属性を使用して作成されます。この属性には、コンストラクター属性と、Object オブジェクトを指す隠し属性 __proto__ が含まれています。コンストラクター属性の値は関数のオブジェクトです。 new を先頭に付けて関数を呼び出すと、非表示で関数のプロトタイプ メンバー (__proto__ 属性でリンク) に接続された新しいオブジェクトが作成され、関数の this がその新しいオブジェクトにバインドされます。
関数は常に値を返します。戻り値が指定されていない場合、戻り値がオブジェクトでない場合は、未定義を返します。はオブジェクトです。コンストラクターであることには意味がありません。
[javascript]

コードをコピー コードは次のとおりです。

function A( ){
this.p = 'haha';
return {p:'heihei'}
var a = new A(){
this. p = 'haha';
return {p:'heihei'}
var a()
alert(a.p);// 'heihei' を表示します。 var a = A(); と同じです。


関数 A は内部で関数 B を直接呼び出し、B の this は外部関数 A ではなくグローバル オブジェクトにバインドされます。 JSの設計ミスです。この問題を解決するには、A の変数 (通常はそれ) を使用して A のこのスコープへの参照を保存するなど、他の方法を使用する必要があります。
JS 関数には length 属性があり、関数の定義時に指定される仮パラメータの数を示します。

関数の argument 属性には、これらの仮パラメータが関数宣言で定義されているかどうかに関係なく、関数の呼び出し時に渡されるすべてのパラメータが含まれます。引数は配列ではなく、「配列のような」オブジェクト (実行引数)関数 Array のinstanceofはfalseを返します。 Array.prototype.slice.apply(arguments) を通じて JS 配列に変換できます。
JavaScript 関数のプロトタイプにメソッドを追加すると、すべての (コンストラクター) 関数が使用可能になります。たとえば、JS 関数コンストラクター Function のプロトタイプにメソッド メソッドを追加すると、Object、Number、その他のコンストラクターを含むすべての関数がこのメソッドを継承します。これは非常に強力です:
[javascript]

コードをコピー コードは次のとおりです。 Function.prototype.method = function(name, func) {

this.prototype[name] = func;

return this;
Function.prototype.method = function(name, func){
this.prototype[name] = func;
return this;
};


このようにして、すべての JS オブジェクト (Function オブジェクトを含む) に新しいメソッドを追加して呼び出すことができます。 Number.method メソッドを使用すると、すべての数値型に新しいメソッドを追加できます。以下はその例です。 現時点では、Object や Number などの型のオブジェクトはメソッドメソッドを継承しないことに注意してください。この目標を達成したい場合は、次のようなステートメントを実行できます:
[javascript]

Copy code

コードは次のとおりです。 Object.method('method',Object.method); Object.method('method',Object.method);

数値型のプロトタイプは、数値型に新しいメソッドを追加するために使用されます。ここでは、前の記事で説明したメソッドのメソッドを借用して、Number のプロトタイプにネガティブ メソッドを追加します。 ]

コードをコピー


コードは次のとおりです。

Number.method(negative,function( ){ return 0–this; }) Number.method(negative,function(){ return 0–this;

})

メソッドを呼び出すときに少し工夫があります。 JavaScript の構文では、数値の直後にピリオドを付けてメソッド呼び出しを続けるという構文は間違っています。つまり、このように 3.negative() を記述するのは間違っています。数値型のメソッドを呼び出すには、数値の後に n 個のスペース (n>=1) を追加するか、かっこを使用して数値を囲み、それを式に強制的に組み込んでからメソッドを呼び出すか、単に変数で値を定義する必要があります。メソッドを直接呼び出すこともできます。つまり、次の記述方法は正しいです。
[javascript]
(3).negative();
3 .negative(); ;
3['ネガティブ']();
3 .negative(); 3['negative']();
関数式メソッドを使用して関数を定義する場合、関数の後の関数名を使用してそれ自体を再帰的に呼び出すことができ、この名前は上書きされません。次の例を見てみましょう。
[javascript]




コードをコピー

コードは次のとおりです。 関数 a(n){ if(n>1)

return a(n-1) 1;

else
return 1; a(n ){
if(n>1)
return a(n-1) 1;
else
return
};上記のコード定義 関数 a があり、それは内部的に再帰的に呼び出します。次に、新しい参照 aa を使用して関数 a を指し、元の a をたとえば整数 1 に変更してから、次のコードに示す関数 aa 表示:
[javascript]




コードをコピー

コードは次のとおりです。 🎜>

var aa = a ;

aa(3); a = 1; ; then control ステーションがエラーを報告しました: TypeError: オブジェクト [オブジェクト Window] のプロパティ 'a' は明らかに関数ではありません。元の再帰関数は破棄されています。この問題に関しては、関数 a 内の a を argument.callee.caller に置き換えるか、関数式を使用して関数を定義できます。 [javascript]

Copy code


コードは次のとおりです。

var b = function a(n){
if(n>1)
return a( n -1) 1;
else

を返します。 a = b; bb(3); a(n){ if(n>1) return a(n-1) 1; var bb = b; 🎜>a = 3; bb(3);

この時点で、bb 関数は必要な結果を正しく返すことができます。
JavaScript 関数のカプセル化を改善するために、関数コンストラクターを定義できます:




コードをコピー


コードは次のとおりです。


[javascript]
var funcCons = function(spec){
var that = {};
that.getName = function(){
return spec.name;
that.saying = function(){
return that; ;

var myFunc = funcCons({name:'NearEast'});
var funcCons = function(spec){
var that = {};
that.getName = function(){

return spec.name; that.saying = function(){ return that; ; var myFunc = funcCons({name:'NearEast'}); このようにして、コンストラクター内でいくつかのプライベート変数 (ディクショナリ テーブルなど) と関数を定義できます。それらをすべて公開します。