JavaScript中函數紀要（二）

tolerious 發布于2019-08-20 18:16 / 2787人閱讀

摘要：和方法大作用致相同，不同的方法接受的參數，必須要明確所有要處理的參數，也就是說，參數必須要逐個列舉，而方法可以選擇數組作為參數，因此可以在具體的環境中，看看是選擇還是方法。

在函數內部有著一個名叫arguments的類數組對象，內部包含著傳入函數的所有參數，在arguments對象中，有一個名叫callee的屬性，其作用可見下面這個階乘的栗子：

function factorial(num){
  if(num<=1){
    return 1;
  }else{
    return num*factorial(num-1);
    //這里也可以寫成如下方式
    return num*arguments.callee(num-1);
  }
}
console.log(factorial(5))//120

可以看到的是，arguments.callee這個屬性作為一個指針指向了擁有arguments對象的函數，也可以認為是當前正在執行的函數，而且可以消除與函數名factorial的耦合，不過值得注意的是，在ES5的嚴格模式下，調用arguments.callee方法會報錯。

函數內部還有一個對象，就是我們所熟悉的this對象，this對象引用的是函數執行的環境對象，簡單來說，this總是指向函數的直接調用者，而非間接調用者，在對象中，如果有new關鍵字，this指向new出來的那個對象。

在函數對象中，有個屬性名為caller，這個屬性作為一個引用，保存著調用當前函數的其他函數的引用，如下

(function(){
  bar();//function (){bar();}
})();
function bar(){
  console.log(bar.caller)//arguments.callee.caller
}

可以看到的是，匿名函數內部調用了bar函數，在bar函數內部，因為 bar.calller指向了調用bar的匿名函數，所以執行bar.caller就等于匿名函數的源代碼，同callee一樣的是，在ES5中訪問caller屬性會報錯。

函數內部除了以上容易混淆的屬性以外，還有些方法有時候也會讓人比較困惑，例如call跟apply，show the code

function add(a,b){
  return a+b;
}
function foo(a,b){
  console.log(add.call(this,a,b))
}
function bar(a,b){
  console.log(add.apply(this,[a,b]))
}
foo(20,20)//40
bar(20,20)//40

可以看到的是，call和apply兩個方法作用都是在特定的作用域上面調用函數，換句話說，就是改變函數體內this指向，在foo和bar函數中，我們利用call和apply將函數的this值綁定到add函數上，因此它們便可以對內部的參數執行add函數里面的加法操作。

call和apply方法大作用致相同，不同的方法接受的參數，call必須要明確所有要處理的參數，也就是說，參數必須要逐個列舉，而apply方法可以選擇數組作為參數，因此可以在具體的環境中，看看是選擇call還是apply方法。

GPU云服務器云服務器 javascript 函數 javascript函數 JavaScript函數編程 javascript函數對象

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84268.html

JavaScript中函數紀要（一）

摘要：中函數是一等公民，所有的函數實際上是一個對象，與其他引用類型一樣擁有著屬性和方法，也可以被外界或者自身調用，也可以像傳遞參數一樣將函數傳遞給另一個函數。中函數沒有重載的概念，當定義兩個同名函數的時候，前一個函數會被覆蓋掉，舉個栗子。 JavaScript中函數是一等公民，所有的函數實際上是一個Function對象，與其他引用類型一樣擁有著屬性和方法，也可以被外界或者自身調用，也可以像傳...

plus2047 2019-08-20 18:13 評論0 收藏0
JavaScript 字符串實用常操紀要

摘要：另外如果為負數，則表示從字符串尾部開始算起。將要搜尋的子字符串。從當前字符串的哪個索引位置開始搜尋子字符串默認為。否則則會返回一個數組，數組中存放所有符合要求的子字符串，并且沒有和屬性。原文鏈接 JavaScript 字符串用于存儲和處理文本。因此在編寫 JS 代碼之時她總如影隨形，在你處理用戶的輸入數據的時候，在讀取或設置 DOM 對象的屬性時，在操作 Cookie 時，在轉換各種...

Harpsichord1207 2019-08-20 14:48 評論0 收藏0
極簡爬蟲攻防戰紀要

摘要：極簡爬蟲攻防戰紀要爬蟲是構建搜索引擎的基礎負責抓取網頁信息并對網頁識別分類及過濾。爬蟲方終于鎖定了第一場戰役的勝局由于斷崖式技術的出現，反爬方在瀏覽器識別戰役上望風披靡。經過反爬方的精心運作，逐漸有效削弱了敵方的攻勢。極簡爬蟲攻防戰紀要 ? ??爬蟲是構建搜索引擎的基礎, 負責抓取網頁信息并對網頁識別、分類及過濾。我們熟識的電商、搜索、新聞及各大門戶網站都有強大的爬蟲集群在每...

elliott_hu 2019-08-26 14:06 評論0 收藏0
PHPExcel初學紀要

摘要：流程創建一個文件獲取當前的活動標簽通過行列坐標獲取單元格，并向其插入數據這里有種方式生成文件并輸入代碼預覽等價于除非是根目錄設置當前腳本所在目錄實例化類獲取當前活動標簽填充數據方式一姓名性別年齡射可可男男男填充數流程創建一個excel文件獲取當前的活動sheet標簽通過行列坐標獲取單元格，并向其插入數據(這里有2種方式) 生成文件并輸入showImg(https://seg...

clasnake 2019-06-27 11:18 評論0 收藏0
7月份前端資源分享

摘要：更多資源請文章轉自月份前端資源分享的作用數組元素隨機化排序算法實現學習筆記數組隨機排序個變態題解析上個變態題解析下中的數字前端開發筆記本過目不忘正則表達式聊一聊前端存儲那些事兒一鍵分享到各種寫給剛入門的前端工程師的前后端交互指南物聯網世界的更多資源請Star：https://github.com/maidishike... 文章轉自：https://github.com/jsfr...

pingan8787 2019-08-20 17:53 評論0 收藏0