DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript中callee與caller的區別分析
javascript中callee與caller的區別分析
編輯:JavaScript綜合知識     

   javascript中callee與caller的區別分析

  有些小伙伴可能會問caller,callee 是什麼?在javascript 中有什麼樣的作用?那麼本篇會對於此做一些基本介紹。希望能夠對大家理解javascript中的callee與caller有所幫助。

  callee

  callee是對象的一個屬性,該屬性是一個指針,指向參數arguments對象的函數

  首先我們來寫個階成函數:

  ?

1 2 3 4 5 6 7 function chen(x){ if (x<=1) { return 1; } else{ return x*chen(x-1); }; };

  從這個函數中可以看出來,用到了遞歸函數,要是改變了函數名,裡面的函數名也要隨著改變,這樣很不方便所以我們用callee來試試

  ?

1 2 3 4 5 6 function chen(x){ if (x<=1) {return 1; }else{ return x*arguments.callee(x-1); }; };

  我們來分析一下為什麼這樣寫:根據callee的定義,可以看出來callee是arguments對象的一個屬性,指向arguments對象的函數,這個函數就是chen(chen=arguments.callee),這樣解釋應該可以理解了吧。

  caller

  caller是函數對象的一個屬性,該屬性保存著調用當前函數的函數的引用(指向當前函數的直接父函數)

  先來個例子吧

  ?

1 2 3 4 5 6 7 function a(){ b(); }; function b(){ alert(b.caller); }; a(); //結果就是彈出函數a和內容

  我們來解釋一下吧,首先函數b的屬性caller調用當前函數b的函數引用a(就是指向當前函數b的父函數a),所以結果就是彈出 function a(){ b();};

  那麼了解了caller和callee,那麼可以不可以將二者結合在一起來使用呢

  ?

1 2 3 function b(){ alert(b.caller); };

  從這個代碼可以看出b函數中調用了b函數名,這樣當函數名改變時就很不方便,我們需要替換裡面的那個b

  前面我們知道用什麼方法可以指向當前對象,下面我們就來修改一下:

  ?

1 2 3 4 5 6 7 (function a(){ b(); })();   function b(){ alert(arguments.callee.caller); };

  從代碼中可以看出我們用arguments.callee代替了b函數,所以解決了一下麻煩。。。。。

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved