javascript_javascript スキルの匿名関数を使用して、いくつかのシンプルで興味深いコード部分を分析します。-jsチュートリアル-php.cn

javascript_javascript スキルの匿名関数を使用して、いくつかのシンプルで興味深いコード部分を分析します。

WBOY

リリース： 2016-05-16 18:24:26

オリジナル

860 人が閲覧しました

1. カプセル化呼び出しの単純な形式

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

 
var userName = function( ) { return "jeff wong" } (); 
alert(userName); 

上記のコードは、次のように徐々に分解できます。書き込み:

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

 
var anonymousFunc = function() { return "jeff wong" }; // 匿名関数 
var name = anonymousFunc(); // この関数を実行して人の名前を返します

2. 新しい関数 (大文字の Function) の形式です

コードをコピーしますコードは次のとおりです:

var a = new Object(); 
var b = new Function(); 
//alert(typeof (a)); //object 
//alert( b)); //関数 
alert(a); //[オブジェクト オブジェクト] 
alert(b); //匿名関数 
//alert(a == b); 🎜>//alert(a === b); //false 


 

ご覧のとおり、変数 a がポップアップします。 ] と新しい関数 (大文字の関数であることに注意してください)、b が表示されると、匿名関数が生成されます。 b は匿名関数であるため、関数はもちろん実行できます。次のコードを試して推測を検証します。

コードをコピーコードは次のとおりです: alert(b()); //未定義

alert(a()); //スクリプトエラープロンプト「関数が見つかりません」

3. 新しい関数は違いを生むことができます (小文字関数)

(1)、単純な空の関数

コードをコピーしますコードは次のとおりです。 var func = new function() { }

alert(typeof (func));

alert(func); //[object Object] 
//alert(func()); //スクリプト エラー func は関数ではありません 

実際、上記のコードは次の記述メソッドと同等です:

コードをコピーコードは次のとおりです: function anonymousClass() { } //匿名クラス

var instance = new anonymousClass();

alert(typeof (instance));//object 
alert(instance); [object Object] 

[code] 

(2) この関数には、
[code] 
var func = new という戻り値があります。 function() { return "ジェフ ウォン" }; 
alert( typeof (func)) 
//alert(func()); >

 

実際、上記のコードは次の記述と同等です: 

コードをコピー

コードは次のとおりです。 function anonymousClass () { return "jeff wong" } //Anonymous classvar instance = new anonymousClass(); (typeof (instance));//object alert(instance); //[ object Object]

 
 (3)、関数には戻り値がまだあります。メソッドが少し異なります 

 次のコードと (2) の違いに注意してください。次に注目したいのは、少し異なる記述形式であるためです。

コードをコピー

コードは次のとおりです: var func = new function() { return new String("jeff wong") ; }; alert(typeof (func)); // オブジェクトが必要です //alert(func()); 🎜>

上記のコードと同等の形式は依然として単純です: 
 
コードをコピー

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

function anonymousClass() { return new String("jeff wong") } var instance = new anonymousClass(); alert(typeof)インスタンス));アラート(インスタンス)

実行して結果を見ましたか?そうです、3 番目の書き方では、func またはインスタンスをポップアップすると、予期せず「jeff wong」という文字列が得られます。 (2)と(3)のコードをよく比較すると、returnの書き方が少し違う以外はほぼ同じなので、関数を作っているのはnew Stringの形式であることは間違いないと推測します。予期せぬ効果を生み出します。なぜこのようなことが起こっているのでしょうか?

JavaScript では、新しい式の後のコンストラクターがプリミティブ型を返す (return) 限り、(リターンがない場合は、実際には (1) などの未定義のプリミティブ型を返します) ことがわかります。 (2) メソッドの書き込みの場合、new によって作成された匿名オブジェクトが返され、new 式の後のコンストラクターがオブジェクト (Object)、関数 (function)、配列 (Array) などの参照オブジェクトを返します。 ) などの場合、返される参照オブジェクトは、new によって作成された匿名オブジェクトを上書きします。ここで、(3) の記述を分析してみましょう。 new String は文字列参照オブジェクトを構築するため、new によって作成された匿名オブジェクトが対象となり、new String が指す参照値は「jeff wong」であるため、ポップアップは次のようになります。現在の新しい文字列によって割り当てられる値です。

最後に、次のコードが何を返すかを見てみましょう:

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

 
var func = new function() { var str = new String("jeff wong") };//別の方法で記述します
//alert(typeof (func)); //オブジェクトは期待されています
alert(func); //ここでの結果はどうなるでしょうか? 

著者: ジェフ・ウォン